/* MULTICOLUMN */

.ie7 .entry-content .first, .ie6 .entry-content .first { width:45% !important; margin-right:7%;} 
.ie9 .entry-content .first, .ie8 .entry-content .first  { width:45% !important; margin-right:10%;} 
.ie9 .entry-content .last, .ie8 .entry-content .last, .ie7 .entry-content .last, .ie6 .entry-content .last  { width:45% !important;} 
.ie7 .entry-content .last, .ie6 .entry-content .last {float:right !important;}
.ie7 .world .entry-content .column, .ie8 .world .entry-content .column {width:300px !important;}
.ie9 .world .entry-content .column {width:31.64% !important; margin-right:2.53%; margin-left:0; }
.ie7 .world .entry-content .first, .ie8 .world .entry-content .first, .ie8 .world .entry-content .last,  {margin-right:2.53%;}
.ie9 .world .entry-content .last {width:31.44% !important; margin-right:0%; }

/* GENERAL */
.flex-content {margin-right:1em;margin-left:1em;}
h2 {font-size:24px; font-size:2.4rem}
h3 {font-size:18px; font-size:1.8rem}
h4 {font-size:16px; font-size:1.6rem}
.hide {display:none;}
.cols {/*margin-bottom:5em;*/}
p:empty {display:none;}
.underline {border-bottom:1px solid #E7F0F5; }
p.comment, .article .entry-content p.comment {font-size:12px; font-size:1.2rem;}
.clear {clear:both;}
.grid .alternate li, .complementary .alternate li, .entry-content .alternate li, .publication .pub-box li  {width: 100%;}
.well .refine li:last-child {border-bottom:1px solid #C3D9E6;margin-bottom: 0.375em;}
.well ul.links li a {display:inline;}
.well figure {margin-bottom:0;}
.well hr {border-top: 1px solid #FFFFFF;}
.rss-small {margin-left:0.5em;padding:2px}
.btn.rss-small img{margin:0;}
a.more {text-decoration:none;}
.ie8 .btn.rss img {max-width:none;}
.ie7 .btn.rss {width:50px;}
.ie8 .btn.rss-small, .ie7 .btn.rss-small{width:15px;}
header[role="banner"] .nav-sub li.searchiconPhone {display:none;}
header[role="banner"] .nav-sub li.searchiconTablet {display:none;}
header[role="banner"] .nav-sub li.navicon {display:none;}
.ie7 .well ul li {float:left;width:100%;}
.ie7 .well ul li.slvzr-last-child {margin-top:10px;}
.toolbar h1,.toolbar h2,.toolbar h3,.toolbar h4{float:left;}
.goToTop {display:none;}
.li3cols ul li {width:33%; float:left; list-style-type:none;}
.li2cols ul li {width:50%; float:left; list-style-type:none;}
.alertMessage {background-color:#ffffb1; padding:1em;font-size:12px; right:1em; float:right; border:1px solid yellow;}
.alertMessage a{text-decoration:underline;}
.onlyforIE8orIE7 {display:none;}
.ie8 .onlyforIE8orIE7, .ie7 .onlyforIE8orIE7, .ie6 .onlyforIE8orIE7 {display:block;}
.ie8 .complementary .vcard.contact div.contact-box, .ie7 .complementary .vcard.contact div.contact-box {font-weight:normal !important;}
.ie8 header[role="banner"] .nav-sub li, .ie7 header[role="banner"] .nav-sub li {margin-right: 13px;}
.hidden {display:none !important;}

/* new round buttons */
a.btn_round {padding:3px 28px 3px 12px ; background-color:#e9e9e9; position:relative;-moz-border-radius: 12px; border-radius: 12px;font-size:12px;font-size:1.2rem;color:#DB9D4A;}
a.btn_round .ss-icon.rss {color:#DB9D4A;}
a.btn_round .ss-icon {float:right; font-weight:bold; display:inline-block;position:absolute; top:2px; right:5px; font-size:16px;}
a.btn_round:hover .ss-icon {color:white;}
a.btn_round:visited {color:#db9d4a;}
a.btn_round:hover {background-color:#DB9D4A;color:white;text-decoration:none;}
/* rss icon in the catalogue page */
a.btn_round.rssLeft {top:-2em; z-index:5; left:5px; background-color:transparent;}
a.btn_round.rssLeft .ss-icon .hoverInfo {color:#DB9D4A !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; position:absolute; left:0; top:-2px; padding: 2px 20px; -moz-border-radius: 12px; border-radius: 12px;font-size:13px;font-size:1.3rem; display:none;}
a.btn_round.rssLeft:hover .ss-icon .hoverInfo {display:inline-block;}
a.btn_round.rssLeft .ss-icon {left:1px;top:2px;}
a.btn_round.rssLeft:hover .ss-icon {color:#DB9D4A !important;}
a.btn_round.rssLeft:hover {background-color:transparent;}


/* Social Icons */
.complementary ul.ss-icon.social {margin-left:-24px;}
.ss-icon.social li {display:inline;}
.ss-icon.social li a {float:left; font-weight:bold; font-size:32px;color:#CFCFCF;margin-right:5px;}
.ss-icon.social li a:hover {color:#013568;text-decoration:none;}
.socialinflex {float:right; margin-right:16px; margin-top:-4em;}
.socialinflex .ss-icon.social li a {font-size:24px;}
@media only screen and (max-width: 600px) {.socialinflex {display:none;}}



/* TABLES */
th { 
font-weight: bold; 
text-align:left; 
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
vertical-align:middle;
}
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td {
background-color : rgb(240,240,240);
background-color : #F7F7F7; }

.wrapper table {border:1px #f5f5f5 solid;}
.sortable th{border-right: none !important; background-color:#f8f8f8;}
th.headerSortUp {background-color:#f0f0f0 !important;}
table {border:1px solid #e8e8e8;}

/*orderProduct table*/
table.orderProduct { border: none; }
table.orderProduct {border-top:none;border-right:none;border-left:none;margin-bottom:0.7em;}
table.orderProduct th {padding: 8px 5px 4px; text-align:left; border-top:none; border-bottom:1px solid #e8e8e8; font-style:italic; font-weight:normal;}
table.orderProduct td {padding: 8px 5px 4px; vertical-align: top; background-color:transparent;}
table.orderProduct td.orderOptions {text-align:center;}
table.orderProduct tr td.orderPreview {background: #f7f7f7 url(eye_icon.png); background-repeat:no-repeat; background-position:top -20px right 0px;vertical-align:middle;text-align:center;border:1px solid #e4e4e4;}
table.orderProduct td.orderIcon img.iconFormat {width:40px; float:left;margin:2px 4px 2px 0;}
table.orderProduct td.orderBasket {padding-top: 4px; white-space: nowrap; padding-right: 0; text-align: right;}

/*********
 * 2014 New "Add to basket box"
 *********/

.product-box {margin-bottom: 30px;}
.product-box.related-product {margin-bottom: 50px;}
.product-box table.orderProduct {border-collapse: separate;}
.product-box table.orderProduct th {padding: 5px; font-style:normal;}
.product-box table.orderProduct td,
.product-box table.orderProduct input {cursor:pointer;}
.product-box table.orderProduct td { border-bottom:1px solid #e8e8e8; vertical-align:middle; }
.product-box table.orderProduct tr:nth-child(even) td {background-color:transparent;}
.product-box table.orderProduct tr.active td.first-cell { border-left: 3px solid #5371b5; }
.product-box table.orderProduct tr.active td { background-color: #FFFFFF; }
.product-box table.orderProduct tr.inactive td { background: transparent; }
.product-box table.orderProduct tr.inactive span,
.product-box table.orderProduct tr.inactive a { color: #808080; }
.product-box table.orderProduct tr.inactive select {opacity: 0.6; filter:alpha(opacity=60);}
.product-box table.orderProduct .orderIcon {position: relative;}
.product-box table.orderProduct .orderIcon span.plain-formats,
.product-box p.orderPrice .plain-currency {display: none;}
.product-box p.orderPrice .currency {cursor: help;}
.product-box table.orderProduct .orderIcon span.tooltip,
.product-box p.orderPrice span.tooltip {display: block; position: absolute; left: 0; top: -25px; z-index: 1; background-color: #000; color: #fff; border-radius: 4px; padding: 3px 8px; font-size: 12px; white-space: nowrap;}
.product-box p.orderPrice span.tooltip {left: -50px; top: -15px;}
.product-box table.orderProduct .orderIcon span.tooltip .tail,
.product-box p.orderPrice span.tooltip .tail {display: block; position: absolute; left: 15px; bottom: -5px; width: 12px; height: 6px; background: url("tooltip-tail.png") no-repeat;}
.product-box p.orderPrice span.tooltip .tail {left: auto; right: 15px;}
.product-box div.orderBasket {text-align: right;}
.product-box p.orderPrice {position: relative; display: inline-block; zoom: 1; *display: inline; margin: 0 30px 0 30px;}
.product-box p.orderPrice .amount {font-size: 30px; background-color: #fff; padding: 0 5px; margin-left: 10px;}
.product-box table.orderProduct th.formCell {width: 25px;}
.product-box table.orderProduct td.orderLanguage {cursor: default; width: 25%;}
.product-box table.orderProduct td.orderLanguage select {width: 100%; font-size:14px;}
.product-box table.orderProduct input {margin-top:4px;}
.product-box table.orderProduct tr td.first-cell {padding-left:10px; width: 25px;}
.product-box table.orderProduct tr td.last-cell {padding-right:10px; min-width: 73px;}
.product-box .btn.icon_addtobasket {margin:6px 1em 0 0;vertical-align:top;}
.product-box table.orderProduct .iconFormat {cursor: help; display:inline-block; width: 40px; height: 52px; margin-right: 3px;}
.product-box table.orderProduct .splitter {position: relative; display: inline-block; padding: 5px;}
.product-box table.orderProduct tr.inactive .splitter span {color: #ccc;}
.product-box table.orderProduct .splitter span {color: #b1b1b1; position: absolute; left: -3px; top: -10px;}
#addToBasketDescr .splitter {display: none;}
.product-box table.orderProduct .iconFormat-pdf {background: url("iconformat_pdf.png") no-repeat;}
.product-box table.orderProduct .iconFormat-epub {background: url("iconformat_epub.png") no-repeat;}
.product-box table.orderProduct .iconFormat-online {background: url("iconformat_online.png") no-repeat;}
.product-box table.orderProduct .iconFormat-paper {background: url("iconformat_paper.png") no-repeat;}
.product-box table.orderProduct .iconFormat-redline {background: url("iconformat_redline.png") no-repeat;}
.product-box table.orderProduct .iconFormat-colorpdf {background: url("iconformat_colorpdf.png") no-repeat;}
.product-box table.orderProduct .iconFormat-pdfondvd {background: url("iconformat_pdfondvd.png") no-repeat;}
.product-box table.orderProduct .iconFormat-pdfoncd {background: url("iconformat_pdfoncd.png") no-repeat;}
.product-box table.orderProduct .iconFormat-htmloncd {background: url("iconformat_htmloncd.png") no-repeat;}
.product-box table.orderProduct .iconFormat-html {background: url("iconformat_html.png") no-repeat;}
.product-box table.orderProduct .iconFormat-cd {background: url("iconformat_cd.png") no-repeat;}
.product-box table.orderProduct .iconFormat-dvd {background: url("iconformat_dvd.png") no-repeat;}
.product-box table.orderProduct .iconFormat-db {background: url("iconformat_db.png") no-repeat;}
.product-box table.orderProduct tr.active .iconFormat-pdf,
.product-box table.orderProduct tr.active .iconFormat-epub,
.product-box table.orderProduct tr.active .iconFormat-online,
.product-box table.orderProduct tr.active .iconFormat-paper,
.product-box table.orderProduct tr.active .iconFormat-redline,
.product-box table.orderProduct tr.active .iconFormat-colorpdf,
.product-box table.orderProduct tr.active .iconFormat-pdfondvd,
.product-box table.orderProduct tr.active .iconFormat-pdfoncd,
.product-box table.orderProduct tr.active .iconFormat-htmloncd,
.product-box table.orderProduct tr.active .iconFormat-html,
.product-box table.orderProduct tr.active .iconFormat-cd,
.product-box table.orderProduct tr.active .iconFormat-dvd,
.product-box table.orderProduct tr.active .iconFormat-db {background-position: left top;}
.product-box table.orderProduct tr.inactive .iconFormat-pdf,
.product-box table.orderProduct tr.inactive .iconFormat-epub,
.product-box table.orderProduct tr.inactive .iconFormat-online,
.product-box table.orderProduct tr.inactive .iconFormat-paper,
.product-box table.orderProduct tr.inactive .iconFormat-redline,
.product-box table.orderProduct tr.inactive .iconFormat-colorpdf,
.product-box table.orderProduct tr.inactive .iconFormat-pdfondvd,
.product-box table.orderProduct tr.inactive .iconFormat-pdfoncd,
.product-box table.orderProduct tr.inactive .iconFormat-htmloncd,
.product-box table.orderProduct tr.inactive .iconFormat-html,
.product-box table.orderProduct tr.inactive .iconFormat-cd,
.product-box table.orderProduct tr.inactive .iconFormat-dvd,
.product-box table.orderProduct tr.inactive .iconFormat-db {background-position: left -60px;}
.product-box table.orderProduct .chooseFormat.active {display: inline-block; width: 20px; height: 16px;}
.product-box table.orderProduct .chooseFormat.active {background: url("check_icon.png") no-repeat left top;}
.product-box table.orderProduct th {font-weight: bold; text-transform: uppercase; color: #8a8a8a; font-size: 12px;}
.product-box .orderFormat .help-format {position: absolute; left: 8px; top: -2px; display: block; width: 15px; height: 15px; background: url('icon-help-badge.png') no-repeat left top; border-bottom: 1px dotted #333; padding-bottom: 2px;}
.product-box .help-format-content {text-align: left;}
.product-box .help-format-content * {font-size: 12px; text-transform: none; margin: 0; padding: 0; font-weight: normal; color: #404040;}
.product-box .help-format-content ul {list-style-type: none; margin: 0 5px;}
.product-box .help-format-content ul li {border-bottom: 1px solid #eee; padding: 8px 0 8px 45px; min-height: 45px;}
.product-box .help-format-content ul li.last {border: none;}
.product-box .help-format-content ul li.format-pdf {background: url("tooltip_pdf.png") no-repeat left 10px;}
.product-box .help-format-content ul li.format-epub {background: url("tooltip_epub.png") no-repeat left 10px;}
.product-box .help-format-content ul li.format-colorpdf {background: url("tooltip_colorpdf.png") no-repeat left 10px;}
.product-box .help-format-content ul li.format-paper {background: url("tooltip_paper.png") no-repeat left 10px;}
.product-box .help-format-content ul li.format-redline {background: url("tooltip-redline.png") no-repeat left 10px;}

/*********/

/* Alerts */ 
.alert {padding: 15px 15px 15px 75px; margin-bottom: 20px; border-radius: 4px;}
.cat_detail .alert {margin-bottom:2em;}
.alert.alert-info {background:url('alert-info.png') no-repeat 5px 5px #F9F9F9; border: 1px solid #C3D9E6;}
.alert.alert-review {background:url('alert-review.png') no-repeat 5px 5px #F9F9F9; border: 1px solid #C3D9E6;}
.alert.alert-warning {background:url('alert-warning.png') no-repeat 5px 5px #FCF8E3; border: 1px solid #FAEBCC;}
.alert.alert-danger {background:url('alert_danger.png') no-repeat 5px 5px #F2DEDE; border: 1px solid #EBCCD1;}
.alert.alert-success {background:url('alert-success.png') no-repeat 5px 5px #DFF0D8; border: 1px solid #D6E9C6;}
.alert div.comment {width: 100%; text-align:left; margin:0 auto; color:#999; font-size:12px; font-size:1.2rem; padding-top:5px; margin-top:10px; border-top:1px solid #e3e3e3; font-style:italic;}

/* LINKS */
a:hover, a:active {color:#013568; text-decoration:underline;}
a {color:#01478b;}
a:visited {color:#01478b;}
p a {text-decoration:underline;}  /*KB finds that links are not visible enough*/
p .btn a {text-decoration:none;}
.classify {
	padding:1em;
	color:#006600;
	background-color:#6F9;
	border:solid 2px #060;
	top:120px;
	width:100%;
	text-align:center;
}
.hfeed.showmore p a {text-decoration:none;}
.hfeed.showmore p a:hover {text-decoration:underline;}
a.btn.primary {text-decoration:none;}


/* search page */
.ie8 ul.tabs li a span {float:right; margin-left:1em;} 


/* HEADER */
header[role="banner"] .inner {z-index:10;}
header[role="banner"] { background-image:url(bg-header.png); height:auto; }
header[role="banner"] h1 {position:absolute;border-bottom-width:1px; margin-right:3.27%;margin-bottom:0;}
header[role="banner"] h1 {border-right:none; border-bottom:none; -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.4);}
.index header[role="banner"] h1 {background:#013568 url(iso.png) left 20px no-repeat; height:102px;} /* banner shorter when no level2 navigation */
header[role="banner"] select#mobileMenu_mm1 {display:none;}
header[role="banner"] select#mobileMenu_mm1 {top: 48px;width: 178px;}
header[role="banner"] .nav-main, header[role="banner"] select#mobileMenu_mm1 {position: absolute;top: 44px;left: 108px;}
.ie7 header[role="banner"] form[role="search"] button {width:37px; height:37px;border-bottom-width:0;border-right-width:1px;border-top-width:0px;}
header[role="banner"] .nav-sub {float:right;}
/* body {background:url(../img/tmp/grid.png) 0 0 repeat-y;} */  
.inner {height:78px;}
header[role="banner"] .nav-sub {top:4px;max-height:25px;}
header[role="banner"] .nav-sub li {padding-top:2px;} 
header[role="banner"] .inner .nav-sub .btn {padding: 1px 14px; font-weight:bold; line-height:18px;}
header[role="banner"] .inner .nav-main li {padding:1em;}
header[role="banner"] .inner .nav-main li.selected {background-color:#406890;background-image: -webkit-gradient(linear,left top, left bottom, from(#4E749B),to(#406890));background-image: -webkit-linear-gradient(top,#4E749B,#406890);background-image: -moz-linear-gradient(top,#4E749B,#406890);background-image: -o-linear-gradient(top,#4E749B,#406890);background-image: linear-gradient(top,#4E749B,#406890);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E749B', endColorstr='#406890', GradientType=0);}
header[role="banner"] .inner .nav-main li.selected a{color: white;}
header[role="banner"] .inner .nav-main {top:31px;}
header[role="banner"] .inner li.langage {color:white;}
header[role="banner"] .nav-sub li.storeBasket img {width:20px;}
.ie7 header[role="banner"] .nav-sub li.storeBasket img {max-width:none;width:20px;}
.ie7 header[role="banner"] h1, .ie6 header[role="banner"] h1 {position:relative;}
.ie7 header[role="banner"] .nav-sub li.members {width:80px;}
.ie7 header[role="banner"] .nav-sub li {margin-right:1em;}
.ie8 header[role="banner"] .nav-sub li.storeBasket img {margin-right:20px;}


/* NAVIGATION LEVEL2 */
.nav_bar_level2 {margin-bottom: 2em; background-color:#406890;background-image: -webkit-gradient(linear,left top, left bottom, from(#406890),to(#2D5984));background-image: -webkit-linear-gradient(top,#406890,#2D5984);background-image: -moz-linear-gradient(top,#406890,#2D5984);background-image: -o-linear-gradient(top,#406890,#2D5984);background-image: linear-gradient(top,#406890,#2D5984); position: relative; margin: auto; z-index: 5;}
.nav_bar_level2 ul.nav-level2 {margin: 0 auto 0em; width:80%;margin:auto;max-width: 1150px;padding-left:12%;}
.nav_bar_level2 .nav-level2 li {padding:8px 18px; width: auto; line-height:1em;text-align:left; height:1.8em; border-bottom:1px solid #2D5984;}
.nav_bar_level2 .nav-level2 li a {color:#B5C7DC;}
.nav_bar_level2 .nav-level2 li.selected a {color:white;}
.ie7 header[role="banner"] .nav_bar_level2 {width:900px; padding:0 0 0 50px;  float:none;margin: 0 auto; }
.ie7 header[role="banner"] .nav_bar_level2 ul.nav-level2 li {line-height:1.4em; height:auto;}
.ie7 header[role="banner"] .nav_bar_level2 ul.nav-level2 {padding-left:0;width:950px;padding-right:0px; margin-left:60px;}
.ie7 header[role="banner"] {border-bottom:1px solid #DFDFDF;}
.ie7 header[role="banner"] {background-color:#e8e8e8;}
.ie8 header[role="banner"] .nav_bar_level2 {width:100%; padding:0; float:none; margin: 0 auto; }
.ie8 header[role="banner"] .nav_bar_level2 ul.nav-level2 {width:830px;padding-left:120px;}
.ie8 header[role="banner"] .nav_bar_level2 ul.nav-level2 li, .ie7 header[role="banner"] .nav_bar_level2 ul.nav-level2 li{border-bottom:none;padding:8px 12px;}
.bottom-nav .nav_bar_level2 {padding:1em 0 0.1em 0; margin:1.5em;border:1px solid #e1e1e1;}
.ie8 .bottom-nav, .ie7 .bottom-nav, .ie6 .bottom-nav {display:none}
.bottom-nav .nav_bar_level2 ul.nav-level2 {padding:0 0 1em 0;}
.bottom-nav .nav_bar_level2 ul.nav-level2 li {list-style:none; text-align:left; margin: 0em; padding: 0.6em 0em; border-bottom: 1px solid #dfdfdf; width:46%;float:left;padding-right:4%;height:1.8em;}
.bottom-nav .nav_bar_level2 ul.nav-level2 li:last-child, .bottom-nav .nav_bar_level2 ul.nav-level2 li:nth-last-child(2):nth-child(odd) {/*border-bottom: none;*/}
.nav_bar_level2 ul.nav-level2 li span {display: table-cell;vertical-align: middle;height: 1.8em;}
.ie8 .nav_bar_level2 ul.nav-level2 li span {height:inherit;}

.ie7 header[role="banner"] .nav_bar_level2, .ie6 header[role="banner"] .nav_bar_level2 {
	/* Anciens navigateurs */
	background: #2D5984 url(<img src="gradient_nav2-bg.png" width="5" alt="" border="0" />) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #2D5984;
	background: #2D5984\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF406890, endColorstr=#FF2D5984);
}


/* HOMEPAGE */
.index .well .grids ul li{display:block !important; line-height:1.7em;} 
.complementary div.entry-title h1 {	font-size:12px;}
.index .hfeed h2 {border-bottom:none;}
.main .hentry h1.entry-title a {font-size:2.1rem; font-size:21px;}
.main .group .hentry h1.entry-title a {font-size:1.6rem; font-size:16px;}

/* CATALOGUE page: list show more */

.showmore li:nth-child(-n+5) {
	display:list-item; /* display only the first 5 */
}
.showmore article:nth-child(-n+5) {
	display:block; /* display only the first 5 */
}
#cat_detail ul.tabs-content, .cat_detail ul.tabs-content {border: 1px solid #DDD;border-top: none; margin-top: -1.4em; padding: 2em 1em;}
#cat_detail ul.tabs-content table, .cat_detail ul.tabs-content table {border:none;}


/* for VCARDS CONTACTS */ 
.contact {background:none; padding-top:0;}
.contact .photo {
	-webkit-box-shadow:2px 2px 5px #CCC; 
	-moz-box-shadow:2px 2px 5px #CCC; 
	-o-box-shadow:2px 2px 5px #CCC; 
	box-shadow:2px 2px 5px #CCC; 
	padding:5px;
	background:#F5F5F5;
	width:28%;
	max-width:180px;
	margin: 0 3% 1em 0;
	}
.ie8 .contact .photo, .ie7 .contact .photo { border:1px solid #ebebeb;}
.wrapper .contact .photo {-webkit-box-shadow:2px 2px 5px #999; -moz-box-shadow:2px 2px 5px #999;-o-box-shadow:2px 2px 5px #999;box-shadow:2px 2px 5px #999;}
.vcard img {border:none; /*margin-bottom:5px !important;*/}
.ie7 .vcard img{margin-left:0;}
.ie8 .grid .vcard img, .ie7 .grid .vcard img{width:auto;}
.wrapper .vcard img {margin-bottom:4px;}
.vcard img {min-width:100%; width:100%;}
.contact .photo .figcaption {font-size:11px;font-size:1.1rem; text-align:center; width:100%; }
.contact .contact-box {line-height:1em; margin-left:20%; /*margin-left:95px;*/}
.contact .contact-box .fn, .contact .contact-box .n {font-weight:bold; font-size:16px; font-size:1.6rem;}
.contact .contact-box .role {font-style:italic;}
.contact .contact-box .org {font-variant:small-caps; }
.contact .contact-box .tel {font-size:14px; font-size:1.4rem; margin-top:0.5em;}
.contact .contact-box .email {font-size:14px;font-size:1.4rem;}
.contact .contact-box .adr {font-size:14px;font-size:1.4rem;}
.contact .contact-box .url {font-size:14px;font-size:1.4rem;}
.contact .contact-box .other {font-size:14px;font-size:1.4rem; margin-top:0.5em;}
.grids-three .grid .contact .photo {width:26%;}
.grids-three .contact .contact-box {margin-left:37%;}
.grids-four .grid .contact .photo {width:25%;}
.grids-four .contact .contact-box {margin-left:36%;}
.main .contact .contact-box {/*margin-left:22%;*/ margin-left:34%;}
.complementary .contact .contact-box {margin-left:39%}
.main div.push-left {width:45%; float:left;}
.main div.push-right {width:45%; float:right;}

/* for PUBLICATIONS */ 
.publication img {-webkit-box-shadow:2px 2px 5px 1px #CCC; -moz-box-shadow:2px 2px 5px 1px #CCC; -o-box-shadow:2px 2px 5px 1px #CCC; box-shadow:2px 2px 5px 1px #CCC; margin-bottom:0.3em;}
.ie8 .publication img, .ie7 .publication img{/*border:medium solid #e7f0f5;*/}
.grids .grid-three .publication {float:none;}
.publication .figure {float:left; width:36%; margin-right:2.53%; margin-bottom:1em; position: relative;}
.publication .figure .figcaption {font-size:11px;font-size:1.1rem; display:block;}
.publication .pub-box {margin-left:44%;}
.publication .pub-box .title {}
.publication .pub-box .description {font-size:13px;font-size:1.3rem;}
.publication .pub-box .links {}
.publication .pub-box .other {margin-top:1em;}
.publication p:last-of-type {margin-bottom: 1em;}
.well .publication {margin-bottom:0;}
.main .publications .publication figure, .main .publication .figure {width:25%;margin-right:0;}
.main .publications .publication .pub-box, .main .publication .pub-box {margin-left:31%;}
.main .publication .pub-box .refine ul.links {margin-left:0;}

/* for individual publication item page */
.main .pubitem .publication figure {width:35%; float:left; position:relative;}
.main .pubitem .publication .pub-box {margin-left:40%;}

.grids-four .publication .figure {width:80%;margin-right:20%; position: relative;}
.grids-three .publication .figure {width:36%; position: relative;}
.grids-four .publication .pub-box {margin-left:0%;}
.grids-three .publication .pub-box {margin-left:44%;}
.publication img.noShadow {-webkit-box-shadow:none; -moz-box-shadow: none; -o-box-shadow:none;box-shadow:none;}

/* for NEWS */

.solo .entry-content, article .entry-content, entry-content {
	-webkit-column-count:1;-webkit-column-gap:normal; -webkit-column-rule:none;
	-moz-column-count:1;-moz-column-gap:normal; -moz-column-rule:none;
	column-count:1;column-gap:normal; column-rule:none;
	width:100%;
}
.complementary .related {margin-top:1em;}
.complementary .related .grid.grid-two {margin-bottom:3em; margin-top:1em; padding-top:2em;}
.main article .main {width:100%; background:none; padding-right:0; margin-right:0;}
.hentry .entry-content {width:56.8748%; padding-right:10%; float:left;background: rgba(0, 0, 0, 0) url(divider-vertical.png) no-repeat 100% 50%; -webkit-background-size: 40px 100%;-moz-background-size: 40px 100%;-o-background-size: 40px 100%;background-size: 40px 100%;}
.hentry .main .entry-content {width:100%;float:left; background:none;}


.hfeed .hentry .entry-title img.news-thumb {float:left; width:100px; height:100px; border:1px solid #BFBFBF; margin:0 1em 1em 0;}
.hentry.primary.short .entry-content .imageContainerLeft {display:none;}

.hfeed .complementary h2 {border-bottom:none;} 
.hentry.short hgroup {margin-bottom:2em;}
article .author {font-style:italic;}
.ie7 article .entry-content p.hideIE, .ie8 article .entry-content p.hideIE, .ie9 article .entry-content p.hideIE, article .entry-content p.hideIE {display:none;}

.hentry header {margin-bottom: 1.5em; border-bottom: 1px solid #E7F0F5;}

article header h1.entry-title {margin-bottom:1.6em;}
.Addthis {float:right; width:98px;}
.ie7 .Addthis {width:78px;}
article .entry-content ul, article.hentry-press ul, article .entry-content ol, article.hentry-press ol {margin-left:0px; }

.article .entry-content {font-family:inherit;}
.ie7 article .entry-content {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}	
.ie7 .Addthis {display:none;}

div.imageItem60 {
	float:left;
}
.short div.entry-summary p, .short div.entry-summary, .solo div.entry-summary p, .solo div.entry-summary {
	font-size:1.6rem;
	margin-bottom:2em;
	
}
.article div.entry-summary p, .article div.entry-summary, .solo div.entry-summary p, .solo div.entry-summary {
 margin-top:2em; 
}

/* short class for the summary and a short preview of the article */
article.short figure figcaption {
	display:none;
}
article.short div.extended {
	display:none;
}
article.short div.wrapper {
	display:none;
}
article.short div.well {
	display:none;
}
/* summary class for the summary of the article only */
article.summary div.extended {
	display:none;
}
article.summary div.entry-content {
	display:none;
}
/* -------  style for page news-press.htm  --------- */
.hentry-press div.entry-content {
	-webkit-column-count:1;
}

/* --------- style for list in complementary column of the catalogue -----------*/
div.complementary ul.moreinfo li {
	list-style-type:disc;
}

/* --------- style for formatting old press releases -----------*/

/* author and date */
.solo header p {
	font-style:italic;
	font-size:0.9em;
	}
.entry-content figure {
	font-size:12px;font-size:1.2rem; 
}


.entry-content .grid div.imageItem60 img.floatLeft {
	border: none;
	margin-left:0 !important;
}
.entry-content .well ul li, .hentry-press .well ul li {display: list-item; list-style-type:circle; margin-left:1.5em; margin-bottom:0.2em;}
.entry-content .well ul, .hentry-press .well ul {margin: 1.5em 0;}
.entry-content .well .publication li, .entry-content .well .publication ul, .hentry-press .well .publication li, .hentry-press .well .publication ul  {margin: 0; list-style-type:none;}


/* ***************** Images everywhere *********************** */
/* imageContainer */
div.imageContainerLeft {font-size: 11px; font-size:1.1rem; width:27%; max-width:100%; min-width:180px;float:left; margin-right:2em; }
.grids .imageContainerLeft {width:100%; min-width:60px;}
.push-left figcaption, .push-right figcaption {font-size: 12px; font-size:1.2rem;}
/* all other images */
.floatRight {float:right;margin-left:2em; margin-bottom:2em;}
@media only screen and (max-width: 768px) {
.floatRight {margin-left:1em !important; margin-bottom:1em !important;}
}
div.imageContainerMedium {font-size: 11px; font-size:1.1rem; width:40%; min-width:180px; float:left; margin-right:2em; }

/* ***************** images in press releases (reader + press versions) *********************** */

/* all images */
.entry-content div.imageItem60 img.floatLeft, .entry-content img.floatLeft, .hentry-press img.floatLeft, .entry-content div.imageContainerLeft, .hentry-press div.imageContainerLeft, .entry-content div.highlightTop, .hentry-press div.highlightTop, .entry-content .publication .figure, .entry-content figure {-webkit-box-shadow:2px 2px 5px #CCC; -moz-box-shadow:2px 2px 5px #CCC; -o-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; border: 10px solid #f5f5f5; float:right; margin:0 10px 2em 2em !important; }
.entry-content div.imageContainerMedium, .hentry-press div.imageContainerMedium {-webkit-box-shadow:2px 2px 5px #CCC; -moz-box-shadow:2px 2px 5px #CCC; -o-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC; border: 10px solid #E7F0F5; float:left; margin:0 2em 2em 2px !important; }
.hentry-press img, .hentry-press div.imageContainerLeft, hrentry-press .publication .figure {/*width:180px;*/}
.hentry-press figure, .hentry-press article img {display:none;}
.entry-content figcaption {font-size: 11px; font-size:1.1rem;}

/* 2016: new styles compatible with ISO framework (v2.0.0) */
figure.frame {
	font-size: 11px; 
	font-size:1.1rem;
	display: table;
	margin-bottom: 1.2em;
	-webkit-box-shadow:2px 2px 5px #CCC; 
	-moz-box-shadow:2px 2px 5px #CCC; 
	-o-box-shadow:2px 2px 5px #CCC; 
	box-shadow:2px 2px 5px #CCC; 
	padding: 10px;
	border: 0; 
	background: #f5f5f5;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
.ie8 figure.frame {
	border: 1px solid #ebebeb;
}
figure.frame img {
	margin-bottom: 0;
	display: block;
	width: 100%;
}
figure.frame figcaption {
	max-width: 100%;
	font-size: 12px; 
	font-size:1.2rem;
	display: table-caption !important;
	caption-side: bottom;
	margin-top: 5px;
	line-height: 1.2em;
	color: #666;
}
figure.frame.align-right {
	float: right !important;
	margin:0 10px 2em 2em !important;
	/*margin:0 0 1.2em 2em !important;*/
}
figure.frame.align-left {
	float: left !important;
	margin:0 2em 2em 0 !important;
	/*margin:0 0 1.2em 2em !important;*/
}
figure.frame.width-180 {
	max-width: 220px !important;
	height: auto;
}
.ie8 figure.frame.width-180 {
	width: 220px;
}
figure.frame.width-300 {
	max-width: 340px !important;
	height: auto;
}
.ie8 figure.frame.width-300 {
	width: 340px;
}
@media only screen and (max-width: 479px) {
	figure.frame.width-300 {
		margin-left:0 !important;
		margin-right:0 !important; 
		float: none !important;
	}
}
figure.frame.width-100pct {
	margin-left: 0;
	margin-right: 0;
	height: auto;
	float: none;
}
.ie8 figure.frame.width-100pct {
	width: 100%;
}
figure.frame .copyright {
	color: #919191;
	text-align: right;
	position: relative;
	background-color: transparent;
	margin-top: 3px;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2em;
}
figure.frame .info {
	color: #e2e2e2;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	background-color: rgba(0,0,0,0.5);
	margin:15px;
	padding: 4px 10px 4px 10px;
	line-height: 1.2em;
}
.ie8 figure.frame .info {
	background-color: #000;
}
figure.frame .info a {
	color: #FFFFFF;
}

/* imageContainer & publications */
.entry-content div.imageContainerLeft, .hentry-press div.imageContainerLeft, .entry-content div.imageContainerMedium, .hentry-press div.imageContainerMedium, .entry-content div.publication .figure, .hentry-press div.publication .figure  {border:1px solid #efefef; padding:10px;}
.entry-content div.imageContainerLeft img, .entry-content div.imageContainerMedium img, .entry-content div.highlightTop img, .entry-content div.publication .figure img, .entry-content div.vcard img, .entry-content figure img {border:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; margin:0 !important; }
.entry-content div.vcard img {margin:0 !important;}
.entry-content div.imageContainerLeft ul.links {margin-top:0.5em; font-size:14px;font-size:1.4rem;}
.entry-content div.imageContainerLeft div.clear {display:none;}
.entry-content div.highlightTop, .hentry-press div.highlightTop, .entry-content figure {font-size:11px;font-size:1.1rem; background-color:#f5f5f5; margin-left:0 !important; float:none; }
.entry-content p img {border:none;}
.hentry-press div.highlightTop img {width:100% !important; }
.hentry-press div.highlightTop {margin-right:1em !important;}
.entry-content div.imageContainerLeft .refine li, .entry-content div.imageContainerMedium .refine li {border-bottom: 1px solid #D6E2E9;}
/* Publications */
.entry-content .publication .figure {float:left;margin:0 1.5em 2em 0 !important;background-color:#F5F5F5;/*width:36%;*/}
.entry-content .publication .figure img, .publication img { width:100%; }
.entry-content div.imageContainerLeft, .hentry-press div.imageContainerLeft, .entry-content div.imageContainerMedium, .hentry-press div.imageContainerMedium {background-color:#f5f5f5;}
.hentry-press .publication .figure {width:28%; max-width:180px;}
.hentry-press .publication .pub-box {margin-left:30%;}
.entry-content imagecaption {margin-top:5px;}

/* to fix the fact that IE cannot use the CSS3 column property */
.ie7 .entry-content .imageContainerLeft, .ie8 .entry-content .imageContainerLeft, .ie9 .entry-content .imageContainerLeft, .ie7 .entry-content .publication .figure, .ie8 .entry-content .publication .figure, .ie9 .entry-content .publication .figure {max-width:180px;}
.ie7 .entry-content .publication .pub-box, .ie8 .entry-content .publication .pub-box, .ie9 .entry-content .publication .pub-box {margin-left:0; }

/* for Events */
.vevent .dt {margin-bottom:0.15em;}
.vevent .summary {margin-bottom:0.1em;}
.refine li.vevent, .refine li.vevent:last-child {margin-bottom: 0.75em;padding-bottom: 0.75em;}
.vevent .location {font-style:italic;}
.complementary .vevent .summary {font-size:16px;font-size:1.6rem; }

/* for RELATED products, information and links */

.world .grids.related, .grids.related {margin: 0 auto; padding:0; background:transparent url(divider-horizontal-732.png) no-repeat 50% 0; }
.ie7 .world .grids.related, .ie7 .grids.related {background:none;}
.grids.related h3 {margin-top:3em; }
.grids.related .grid li {color:#777; font-size:13px; font-size:1.3rem; margin-bottom:0.5em;}
.grids.related .grid ul {margin-bottom:1.5em;}
.ie7 .grids.related {border-top: none; } /* when no related information, two lines appear */

/* CATALOGUE PAGE */
h1.stdNumber {font-size:30px; font-size:3em; margin-bottom:0;}
h2.std_title {font-size:18px; font-size:1.8em; font-weight:normal;}
div.inforeview {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



.listnews article .pull-left img {width:64px; height:64px; float:left; margin-right:10px;}
.listnews article {clear:both; margin-bottom:0.5em; overflow:hidden;}



.content .main.catalogueDetail {width:50%;}
.content .complementary.catalogueDetail {width:50%;}
.abstract {width:100%;}
.abstract .abstract-header {border-bottom:1px solid #E7F0F5;margin-bottom:2em;}
.abstract .abstract-header h2 {margin-bottom:5px;}
.catalogueDetail .main {width:60.8748%}
.catalogueDetail .complementary {width:35.5353%}


/* for relatedProducts Store box */
.relatedProducts, .main-product {background: transparent url(store-bg.png); background-repeat:no-repeat; background-position:top right;}
.relatedProducts, .main-product {padding:1em; margin-bottom:2em; margin-top:0; border-radius:4px;}
.relatedProducts, .main-product {background-color:#F7F7F7;border:1px solid #E4E4E4;}
.relatedProducts.addToBasket, .main-product.addToBasket {padding:1em 0; box-shadow: 0px 0px 5px #E4E4E4;}


.newsletter {background: transparent url(envelope-bg.png); background-repeat:no-repeat; background-position:top right; border-radius: 4px;}

/* for OBP box */
.obp_preview {background: transparent url(eye_icon.png); background-repeat:no-repeat; background-position:top -20px right 0px;padding:1em; margin-bottom:2em; margin-top:0; background-color:#F7F7F7;border:1px solid #E4E4E4;border-radius:4px;}

.grids.related .relatedProducts {margin-top:2.8em; margin-bottom:1em;}
.grids.related .relatedProducts h3 {margin-top:0em; margin-bottom:0em;}
.relatedProducts li {padding-bottom:1em;border-bottom:1px solid #E4E4E4;padding-top:1em; color:#777; }

/* for callToAction box */
.callToAction {padding:1em; margin-bottom:2em; margin-top:0; background-color:#F3F3F3;border:1px solid #E4E4E4;}
.complementary .callToAction {text-align:center;}
.complementary .callToAction p{margin-bottom:0.75em;}
.complementary .relatedProducts.callToAction {background-size:30%;max-width:400px; margin:auto;}
.callToAction.newsletter{background-color:#FAFAFA;border:1px solid #F0F0F0;}

/*BTN ICONS*/
.btn-lg {padding: 10px 16px; font-size: 16px !important; line-height: 1.33; border-radius: 6px; font-weight:bold;}
.cat_detail .btn {font-size:14px; font-size:1.4rem;}

/*BTN ADDTOBASKET*/
.ie9 .btn.icon_addtobasket, .ie8 .btn.icon_addtobasket, .ie7 .btn.icon_addtobasket, .btn.icon_addtobasket {background-image: url("icon_addtobasket_ie.jpg");}
.ie9 a:hover.btn.icon_addtobasket, .ie8 a:hover.btn.icon_addtobasket, .ie7 a:hover.btn.icon_addtobasket, a:hover.btn.icon_addtobasket {background-image: url("icon_addtobasket_hover_ie.jpg");}

.btn.icon_addtobasket {
	padding-left:32px;
	background-image: url("icon_addtobasket.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), color-stop(0.25, #FFF), to(#E6E6E6));
	background-image: url("icon_addtobasket.png"), -webkit-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_addtobasket.png"), -moz-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_addtobasket.png"), -o-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_addtobasket.png"), linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
}
a:hover.btn.icon_addtobasket {
	background-image: url("icon_addtobasket_hover.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), color-stop(0.1, #F8F8F8), to(#DBDBDB));
	background-image: url("icon_addtobasket_hover.png"), -webkit-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_addtobasket_hover.png"), -moz-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_addtobasket_hover.png"), -o-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_addtobasket_hover.png"), linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
}
/*BTN ADDTOBASKET PRIMARY*/
.ie9 .btn.icon_addtobasket.primary, .ie8 .btn.icon_addtobasket.primary, .ie7 .btn.icon_addtobasket.primary, .btn.icon_addtobasket.primary {background-image: url("btnaddtobasket.jpg");}
.ie9 a:hover.btn.icon_addtobasket.primary, a:hover.ie8 .btn.icon_addtobasket.primary, a:hover.ie7 .btn.icon_addtobasket.primary, a:hover.btn.icon_addtobasket.primary {background-image: url("btnaddtobasket_hover.jpg");}

.btn.icon_addtobasket.primary {
	padding-left:32px;
	background-image: url("icon_addtobasket_primary.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#4891D3), color-stop(0.25, #4891D3), to(#266DBF));
	background-image: url("icon_addtobasket_primary.png"), -webkit-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary.png"), -moz-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary.png"), -o-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary.png"), linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-repeat:no-repeat;
}
a:hover.btn.icon_addtobasket.primary {
	background-image: url("icon_addtobasket_primary_hover.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#4891D3), color-stop(0.25, #4891D3), to(#266DBF));
	background-image: url("icon_addtobasket_primary_hover.png"), -webkit-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary_hover.png"), -moz-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary_hover.png"), -o-linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
	background-image: url("icon_addtobasket_primary_hover.png"), linear-gradient(#4891D3, #4891D3 0.25, #266DBF);
}

/* dhtmlwindow */
div#dhtmlwindow p {
	margin-bottom: 0.5em;
}
div#dhtmlwindow hr {
	border-top: 1px solid #c3d9e6;
}
.glyphicon-info-sign:before {
	content: url(icon-help-badge.png);
	margin-right: 4px;
	cursor: default;
}
div#dhtmlwindow {
	position: fixed;
	// width: 460px;
	max-width: 460px;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin-left: -241px;
	margin-top: -100px;
	text-align: left;
}
div#dhtmlwindow .BTNright {
	text-align: right;
	width: 100%;
}
div#dhtmlwindow .btn {
	margin-bottom: 5px;
}
div#dhtmlwindow p#webstore_descriptionTxt {
	font-weight: bold;
}
div#dhtmlwindow #webstore_bottomTxt p {
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
}
@media only screen and (max-width: 480px){
	div#dhtmlwindow {
		max-width: 100%;
		width: auto;
		margin-left: 0;
		left: inherit;
	}
}





/*BTN BACK*/
.ie9 .btn.icon_back, .ie8 .btn.icon_back, .ie7 .btn.icon_back, .btn.icon_back {background-image: url("icon_back_ie.jpg");}
.ie9 a:hover.btn.icon_back, .ie8 a:hover.btn.icon_back, .ie7 a:hover.btn.icon_back, a:hover.btn.icon_back {background-image: url("icon_back_hover_ie.jpg");}

.btn.icon_back {
	padding-left:34px;
	background-image: url("icon_back.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), color-stop(0.25, #FFF), to(#E6E6E6));
	background-image: url("icon_back.png"), -webkit-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_back.png"), -moz-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_back.png"), -o-linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
	background-image: url("icon_back.png"), linear-gradient(#FFF, #FFF 0.25, #E6E6E6);
}
a:hover.btn.icon_back {
	background-image: url("icon_back_hover.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), color-stop(0.1, #F8F8F8), to(#DBDBDB));
	background-image: url("icon_back_hover.png"), -webkit-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_back_hover.png"), -moz-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_back_hover.png"), -o-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("icon_back_hover.png"), linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
}


/*BTN PREVIEW*/
.ie9 .btn.icon_preview, .ie8 .btn.icon_preview, .ie7 .btn.icon_preview, .btn.icon_preview {background-image: url("icon_preview_ie.jpg");}
.ie9 a:hover.btn.icon_preview, .ie8 a:hover.btn.icon_preview, .ie7 a:hover.btn.icon_preview, a:hover.btn.icon_preview {background-image: url("icon_preview_hover_ie.jpg");}

.btn.icon_preview {
	padding-left:30px;
	background-repeat:no-repeat;
	background-image: url("icon_preview.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#4891d3), color-stop(0.25, #4891d3), to(#266dbf));
	background-image: url("icon_preview.png"), -webkit-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
	background-image: url("icon_preview.png"), -moz-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
	background-image: url("icon_preview.png"), -o-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
	background-image: url("icon_preview.png"), linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
}

.ie9 .btn.OBP, .ie8 .btn.OBP, .ie7 .btn.OBP, .btn.OBP {background-image: url("btnobp.jpg");}
a.btn.OBP {
	padding-left:30px;
	line-height:18px;
	background-repeat:no-repeat;
	font-size:15px; font-size:1.5rem;
	border: 1px solid #e4e4e4;
	border-bottom-color: #DBDBDB;
	background-image: url("obp-button_icon.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), color-stop(0.1, #FFFFFF), to(#E6E6E6));
	background-image: url("obp-button_icon.png"), -webkit-linear-gradient(#FFFFFF, #FFFFFF 0.1, #E6E6E6);
	background-image: url("obp-button_icon.png"), -moz-linear-gradient(#FFFFFF, #FFFFFF 0.1, #E6E6E6);
	background-image: url("obp-button_icon.png"), -o-linear-gradient(#FFFFFF, #FFFFFF 0.1, #E6E6E6);
	background-image: url("obp-button_icon.png"), linear-gradient(#FFFFFF, #FFFFFF 0.1, #E6E6E6);
}
a:hover.btn.OBP {
	background-image: url("obp-buttonhover_icon.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), color-stop(0.1, #F8F8F8), to(#DBDBDB));
	background-image: url("obp-buttonhover_icon.png"), -webkit-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("obp-buttonhover_icon.png"), -moz-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("obp-buttonhover_icon.png"), -o-linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
	background-image: url("obp-buttonhover_icon.png"), linear-gradient(#F8F8F8, #F8F8F8 0.1, #DBDBDB);
}

a:hover.btn.icon_preview {
background-color: #4891d3;
background-image: url("icon_preview.png");
}
.showLess992 {display:none;}


/*BTN CHECKOUT*/
.ie9 .btn.icon_checkout, .ie8 .btn.icon_checkout, .ie7 .btn.icon_checkout, .btn.icon_checkout {background-image: url("icon_chart_ie.jpg");}
.ie9 a:hover.btn.icon_checkout, .ie8 a:hover.btn.icon_checkout, .ie7 a:hover.btn.icon_checkout, a:hover.btn.icon_checkout {background-image: url("icon_basket_hover_ie.jpg");}

.btn.icon_checkout {
padding-left:34px;
background-repeat:no-repeat;
background-image: url("icon_chart.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#4891d3), color-stop(0.25, #4891d3), to(#266dbf));
background-image: url("icon_chart.png"), -webkit-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
background-image: url("icon_chart.png"), -moz-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
background-image: url("icon_chart.png"), -o-linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
background-image: url("icon_chart.png"), linear-gradient(#4891d3, #4891d3 0.25, #266dbf);
}
a:hover.btn.icon_checkout {
background-color: #4891d3;
background-image: url("icon_chart.png");
}

/*form BTN smallSearch*/
button.smallSearch {position:relative;top:0; right: 5px;width: 28px;height: 28px;background: #01478B url(zoom_icon_48.png) 5px 5px no-repeat; background-size: 16px; border-width:0;border: 1px solid #01478B;text-indent:-9999px; }
input.smallSearch {top:0;border: 1px solid #01478B; padding: 5px; max-width: 150px;}
.ie8 form button.smallSearch, .ie7 form button.smallSearch {background:url(zoom_icon_16.png);}

/* for a content with separation */
.separation {
margin-bottom: 1.5em;
padding-top: 3em;
background: transparent url(divider-horizontal-732.png) no-repeat 50% 0;
background-size:100% 31px;
}

/* PANEL */
.panel-default {
	border-color:#F3F3F3; 
	max-width:450px;
	margin:0 auto;
}
.panel {
	margin-bottom: 20px;
	border-radius: 4px;
	border:1px solid #E4E4E4;
}
.panel-heading {
	background-color: #FAFAFA;
	padding: 10px 15px;
	border-bottom: 1px solid #E4E4E4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5rem;
	font-size: 15px;
	color: inherit;
	text-align:center;
}
.panel-body {
	padding: 15px;
	text-align:center;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group {
	width:100%;
}
.input-group .form-control {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	display: table-cell;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 0;
	height: 18px;
	font-size: 14px;
	padding: 4px 8px;
	border: 1px solid #CCC;
	float:left;
	width:60%;
}
.input-group-btn>.btn {
	margin-left: -1px;
	background-color: #F2F2F2;
	border-color: #E6E6E6;
	position: relative;
	text-decoration: none;
	font-size: 15px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border: 1px solid #CCC;
	width:30%;
	min-width:100px;
}
.complementary label.subscribe-field {width:20%; text-align:right; padding-right:0.5em;}
.complementary input.subscribe-text {clear:right; border:1px solid #e4e4e4;}
.complementary .fieldGroup {margin-bottom:0.5em;text-align:right;}
.complementary button.btn {float:right; text-align:right;}

/* for ISO WORLD */
.world .hentry header {min-height:0;}
/*.cols .newslist.col {float:right;width:29.5353%;}*/
.newslist .hfeed .hentry .entry-title {font-size: 14px;font-size: 1.4rem;}
.world .cols + .content {
margin-bottom: 1.5em;
padding-top: 3em;
background: transparent url(divider-horizontal-732.png) no-repeat 50% 0;
}
.world .content + .cols, .world .content + .content {
/*margin-bottom: 1.5em;*/
padding-top: 3em;
background: transparent url(divider-horizontal-732.png) no-repeat 50% 0;
}
.ie7 .world .main, .ie8 .world .main {background:none;}
.ie7 .world a.various img, .ie8 .world a.various img {max-width:300px;}
.world .nav_bar_level2 .nav-level2 li, .ie8 .world header[role="banner"] .nav_bar_level2, .ie7 .world header[role="banner"] {border-bottom:none;}

/* for ISO MAGAZINES */
.well ul a {display: inline-block;}
.complementary .refine.well ul {margin-left:0px;}
.well .download {float:left; margin:0.5em 1em;}
.well .moredownload {float:left; margin:0.5em 1em;}
.well [role="main"], .well .main {width:65.82%;}
.well .grids {margin-bottom:0;}
.well ul li a.btn {display:inline-block; margin:5px 0px;}
.ie8 ul li a.btn img.itunes, .ie8 ul li a.btn img.android {display:none}
.focus-promo .well ul li {display: inline-block;}
.focus-theme + .cols {background:none;}
.cols + .well {background-color: #E7F0F5;}
.wrapper .grid .well ul li {line-height:1.3em; margin-bottom:0.8571428571428571em;}
.wrapper .grid .well h3 {margin-bottom:0.5em;}
.wrapper .grid .well {margin-bottom:0;}
article .description ul.links li.more {margin-top:1em;font-size: 12px; font-size: 1.2rem; font-weight:bold;}
.toolbar.isofocusplus .archive-list {margin-top:4px;margin-left:1em;}
.toolbar.isofocusplus {margin-bottom:0;}

/* ISO Focus blue banner */
.focus-promo .focus-topic figure {float: left;margin-right: 10%;margin-bottom: -40px;width: 36.2%;position: relative;
top: -40px;}
.focus-promo .focus-topic h1 {font-size:24px; font-size:2.4rem;}

/* LISTS */
ul.links {
	margin:0;
	padding:0;
}
ul.links li {
	list-style-type: none;
	margin-left:0;
	font-size:inherit;
}
ul.links li.downloadlink a {
	background: none;
	/*padding-right:5px;*/
}
.toolbar {
	margin-bottom:20px;
}
.ie7 .toolbar ul {float:right; text-align:right;}
.ie7 .toolbar .breadcrumb ul {float:left;}
.ie7 .toolbar .Addthis{width:78px;}
.more::after {
color: #01478B;
}
.downloadlink::after {
content:url(icon_download1.gif);
padding-left: 8px;
white-space: nowrap;
}

.shoppingcart::after {
content:url(icon_cart1.gif);
padding-left: 8px;
}
.btn.cart::after{content:url(icon_cart1-grey.gif); padding-left: 8px;}

.externallink::after {
content:url(icon-external3.gif);
padding-left: 8px;
}

ul.links li.downloadlink, ul.links li.shoppingcart, ul.links li.more, ul.links li.featurelink, ul.links li.externallink {/*white-space: nowrap;*/}








/****** Chris Addition, temporary... ******/

.form_product {
	padding-bottom: 15px;
}

.form_product .bt_area > div {
	padding-bottom: 10px;
}

.form_product .left_product {
	float:left;
	width: 140px;
}

.form_product .left_product img {
	width: 140px;
}

.form_product .center_product {
	float: left;
	margin-left: 40px;
	width: 40%;
}

.form_product .center_product label {
	display: block;
	margin: 10px 0 5px 0;
	font-style: italic;
	color: #666;
}

.form_product .center_product label.inline {
	display: inline-block;
}

.form_product .center_product select {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	padding: 2px;
	margin-left: 10px;
}

.form_product .right_product {
	float: left;
	margin-left: 50px;
	text-align: right;
}

.form_product .amount {
	font-size: 30px;
	background-color: #f3f3f3;
	padding: 0 5px;
}

.form_product #format_product {
	background: #f3f3f3;
	padding: 8px;
	border-radius: 4px;
}




/******************************************/









/* ***************** MAGAZINES *********************** */

.back-issues article .description h3 {width: 100%;}
.back-issues article .description h2 {width:100%;}
.back-issues article figcaption {font-size:13px;font-size:1.3rem;}
/*.focus-theme .focus-topic h1 {font-size: 3rem;}*/
.focus-promo .focus-topic figcaption {font-size: 11px; font-size:1.1rem;}


/* ***************** HIGHLIGHTED NUMBERS *********************** */

div.numberHighlight {position:relative;max-width:200px; padding:0 10% 0 0; width:90%;margin-bottom:2em;}
.main div.numberHighlight {float:left;}
div.numberHighlight div.nbHighlight {position:relative; float:left; width:100%;font-size:45px; font-size:4.5rem; font-weight:bold; color:#FFF; z-index:4; padding:0px 5%; }
div.numberHighlight div.nbHighlight { 
background: #009dc0; /* Old browsers */
background: -moz-linear-gradient(top,  #009dc0 1%, #008bb2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#009dc0), color-stop(100%,#008bb2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009dc0 1%,#008bb2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009dc0 1%,#008bb2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009dc0 1%,#008bb2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009dc0 1%,#008bb2 100%); /* W3C */

border:1px solid #10778D; text-align:center;border-bottom-left-radius:15px;border-top-right-radius:15px;border-top-left-radius:15px;text-shadow:1px 1px #10778D; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.ie8 div.numberHighlight div.nbHighlight {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dc0', endColorstr='#008bb2',GradientType=0 ); /* IE6-9 */
}
div.numberHighlight div.nbUnit {position:relative; margin:10px 30% 1em 21%; background-color:#756E6B; top:0.5em; font-size:14px; font-size:1.4rem; color:#FFF; z-index:2; padding:15px 8% 0.5em 8%; width:74%; text-align:center; border-bottom-right-radius:15px; border-bottom-left-radius:15px;}
.ie7 div.numberHighlight div.nbUnit {margin-top:-7px; padding-top:7px;}
div.numberHighlight div.nbInfo {padding-top:1em; font-size:12px; font-size:1.2rem;text-align:right; margin-right:-10%; }
.grids .grid div.numberHighlight {margin:auto;}

@media only screen and (max-width: 768px) {
div.numberHighlight {clear:both;margin-bottom:3em;float:left;}
div.numberHighlight div.nbInfo {text-align:right;}

}
@media only screen and (max-width: 480px) {
div.numberHighlight, .main div.numberHighlight {float:none; width:100%; margin:auto; margin-bottom:2em;}
}


/* ***************** WRAPPER *********************** */

/* to correct the fact that img with links appears weired (bottom line too wide). Delete the style to add a bg-color and padding to links in wrapper */
.wrapper p a {/*padding: 0;*/ background-color:transparent;}
.wrapper img {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.wrapper .refine li, .wrapper .refine li:last-child {border-bottom:1px solid #9FC3D7 !important;}


/* ***************** Archive dropdown *********************** */
#archive label {display:block; margin:4px 10px; font-size: 18px; font-size:1.8rem; float:left;}
.archive-list select {font-size: 18px; font-size:1.8rem;}

/* ***************** Well with tabs *********************** */
.tabswell {background-color:#e7f0f5; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-top:5em;}
.tabswell nav ul.tabs li a{background-color:#F8F8F8;}
.tabswell nav ul.tabs li a.active{background-color:#e7f0f5;}
.ie8 ul.tabs {border-bottom:none;}
.tabswell .contact .photo {background-color:#FFF;}
.tabswell .well {background-color:#FFF;}
.tabswell .box {border: 3px solid #c3d9e6;}
.tabswell hr {border-bottom: 1px solid #c3d9e6;}


/* ***************** breadcrumb *********************** */

.breadcrumb {width:100%; }
.breadcrumb ul {float:left;padding-left:10px;}
.breadcrumb ul li {display:inline-block; font-size: 11px; font-size:1.1rem;float:left; }
.breadcrumb ul li.parent {padding-right:22px; background: url('breadcrumb2.gif') no-repeat right -3px; margin-right: 0; }
.cut {max-width:30em; overflow:hidden; white-space:nowrap; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; /* pour le reste du monde */	}
.ie7 .breadcrumb { margin-bottom:1.5em;}


/* to fix the problem that the edit icon is sometimes huge in the WCM editor */
img[src$="cmo-icon-tape-writer.gif"],img[src$="cmo-icon-tape-writer-picture.gif"], img[src$="cmo-icon-tape-writer-table.gif"], img[src$="cmo-typeicondata-e.gif"], img[src$="cmo-typeicontext-2.gif"],img[src$="cmo-typeiconpict-2.gif"] {
  width:18px !important; min-width:18px !important; width:18px !important;
}

/* dropdown menu for low resolution TABS */ 
nav select {
  display: none;
}

@media (max-width: 480px) {
  nav ul.tabs { display: none; }
  nav select { display: inline-block; border: solid 1px #DDD;}
  nav {border: solid 1px #DDD; background-color:whiteSmoke; padding:1em; margin:1em 0em 0em 0em;}
}


.grids-five .grid-one, .grids-five .grid-two, .grids-five .grid-three, .grids-five .grid-four, .grids-five .grid-five {width:17.975%; margin-bottom:1em;}
.grids-five .grid-one, .grids-five .grid-two, .grids-five .grid-three, .grids-five .grid-four {float:left; margin-right:2.53%;}
.grids-five .grid-five {float:right;}


/* ***************** bottom sitemap (more than 768px) *********************** */

.sitemap {margin:0; padding:2em 0 0 0;margin-top:8em; clear:both;}
.sitemap .grids.grids-five {border-top: 3px solid #E7F0F5;padding-top: 3em;}
.sitemap .grids .grid .active {border-left:2px solid #F1F1F1;}
.sitemap .grids .grid .active ul li.active {color:#666; border:none;}
.sitemap .grids ul li {line-height:0.5em;}
.sitemap .grids ul li.active a, .sitemap .grids ul li ul li a {color:#828E99;font-size:11px; font-size:1.1rem;font-weight:normal;}
.sitemap .grids ul li a:hover,.sitemap .grids .grid .sister-section ul li.sister-section a:hover, .sitemap .grids .grid .active ul li ul li a:hover, .sitemap .grids .grid .active ul li ul li.current a, .sitemap .grids .grid ul li ul li.current a {color:#013568;text-decoration:none;}
.sitemap .grids .grid .sister-section ul li a {color:#A9B6C2;}
.sitemap .grids .grid .sister-section ul li.sister-section a {font-weight:bold; color:#666;}
.sitemap .grids .grid ul li.active a {font-weight:bold; color:#013568;}
.sitemap .grids .grid ul li ul {margin-top:1em;}
.sitemap .grids .grid .sister-section ul li.sister-section ul li a, .sitemap .grids .grid ul li ul li a, .sitemap .grids .grid ul li.active ul li a {font-weight:normal;color: #828E99;}
.sitemap .grids ul li.active a:hover, .sitemap .grids ul li a:hover, .sitemap .grids .grid .sister-section ul li.sister-section a:hover,.sitemap .grids .grid .sister-section ul li a:hover {color:#013568; text-decoration:none;}
.sitemap .grids ul li, .sitemap .grids ul li a {color:#828E99;font-size:11px; font-size:1.1rem;}
.sitemap .grids ul li {margin-bottom:0.5em;line-height:1.2em;}
.sitemap .grids ul {margin-bottom:0; list-style-type:none;}
.sitemap h1 {display:none;}
.sitemap .grids .grid .active, .sitemap .grids .grid .sister-section {padding:0 0.5em 0.1em 0.5em;}
.sitemap .grids .grid .active ul li.active, .sitemap .grids .grid .sister-section ul li.sister-section {padding:0;/*border:none;*/font-size:12px; font-size:1.2rem;}
.sitemap .grids {margin-bottom:0em;padding-bottom:1em;}
.sitemap .grids .level2less, .sitemap .grids .level2more {display:none;}


/* ***************** bottom sitemap (less than 768px) *********************** */
@media only screen and (max-width: 768px) {
.sitemap {/*padding:0;*/}


.sitemap .grids {width:100%;padding:0;}
.sitemap .grids .grid ul li {width:100%;}
.sitemap .grids .grid ul li ul {margin-top:0em;margin-left:0;padding-left:0;}
.sitemap .grids .grid .active, .sitemap .grids .grid .sister-section {padding:0;position:relative;}
.sitemap .grids ul li a,.sitemap .grids ul li.active a, .sitemap .grids ul li ul li a {font-size:16px; font-size:1.6rem; color:#C5CDD5; padding-left:2%;}
.sitemap .grids ul li {line-height:44px; padding:0; margin:0;}
.sitemap .grids ul li {background:none;}
.sitemap .grids ul li a:hover,.sitemap .grids .grid .sister-section ul li.sister-section a:hover, .sitemap .grids .grid .active ul li ul li a:hover, .sitemap .grids .grid .active ul li ul li.current a, .sitemap .grids .grid ul li ul li.current a {color:#FFF;}
.sitemap .grids .grid .sister-section ul li.sister-section a, .sitemap .grids .grid ul li.active a {font-weight:bold; color:#666;}
.sitemap .grids .grid .sister-section ul li.sister-section a, .sitemap .grids .grid ul li.active a {font-weight:bold; color:#A9B6C2;}
.sitemap .grids .grid .sister-section ul li.sister-section ul li a, .sitemap .grids .grid ul li ul li a, .sitemap .grids .grid ul li.active ul li a {font-weight:normal;color: #828E99;}


/* gradient color for L1 */
.sitemap .grids ul li.active, .sitemap .grids ul li.sister-section {background-color:#6B88A3;border-bottom:1px solid #6B88A3;background-image: -webkit-gradient(linear,left top, left bottom,from(#406890),to(#2d5984));background-image: -webkit-linear-gradient(top,#406890,#2d5984);background-image: -moz-linear-gradient(top,#406890,#2d5984);background-image: -o-linear-gradient(top,#406890,#2d5984);background-image: linear-gradient(top,#406890,#2d5984); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#406890', endColorstr='#2d5984', GradientType=0); background-size:auto 46px; }
/* gradient color for L2 */
.sitemap .grids ul.sitemapL2 {background-color:#0B3966;background-image: -webkit-gradient(linear,left top, left bottom, from(#061D33),to(#0B3966));background-image: -webkit-linear-gradient(top,#061D33,#0B3966);background-image: -moz-linear-gradient(top,#061D33,#0B3966);background-image: -o-linear-gradient(top,#061D33,#0B3966);background-image: linear-gradient(top,#061D33,#0B3966); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#061D33', endColorstr='#0B3966', GradientType=0);}

.sitemap .grids ul li {background:none;}
.sitemap .grids .grid ul.sitemapL1 li a {color:#FFF;}
.sitemap .grids .grid ul li ul li a {color:#C5CDD5;}
.sitemap .grids .grid li a.level2more, .sitemap .grids .grid li a.level2less {position: absolute;top: 0;right: 0;display: block; padding: 0;width: 44px;text-align: center;; z-index: 500;font-size: 30px;}
.sitemap .grids .grid ul li:target ul li  {height: 44px;border-bottom:1px solid #213E5B;}


/* to hide the Level2 menus 
.sitemap .grids .grid li ul li {height: 0px ;-webkit-transition-property: height;-moz-transition-property: height;-o-transition-property: height;transition-property: height;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;margin-bottom: 0;}
.sitemap .grids .grid li.active ul li {height:44px;border-bottom:1px solid #213E5B;}
*/
.sitemap .grids .grid li ul li {border-bottom:1px solid #213E5B; }


/*.sitemap .grids .grid li:target ul li {height: 40px;}*/
.sitemap .grids .grid li a.level2less {background-image:url(sitemap-icon-up.png); background-position: 5px 6px; background-repeat:no-repeat; background-size:33px 33px;}
.sitemap .grids .grid li a.level2more {background-image:url(sitemap-icon-down.png); background-position: 5px 6px; background-repeat:no-repeat; background-size:33px 33px;}
.sitemap .grids .grid li:target .level2less {z-index: 1000;}

/* to highlight where we are in navigation */
.sitemap .grids .grid .active {border-left:none;}
.sitemap .grids .grid .active ul li.active {border-bottom:1px solid #6B88A3;}

/* to fix a bug on ipad with less than 768 */
.sitemap .grids.grids-four .grid-one, .sitemap .grids.grids-four .grid-two, .sitemap .grids.grids-four .grid-three, .sitemap .grids.grids-four .grid-four {width:100%;}
.grids-five .grid-one, .grids-five .grid-two, .grids-five .grid-three, .grids-five .grid-four, .grids-five .grid-five {width:100%;padding:0; margin:0;}
.sitemap .grids ul li ul.sitemapL2.hideByDefault {display:none;}
.sitemap .grids ul.sitemapL1 li ul.sitemapL2 li {padding:0;margin:0 10px;width:97%;}

}



/* ***************** footer *********************** */
footer[role="contentinfo"] {text-align:center;}
footer[role="contentinfo"] ul {padding:0 0 0 10px;}
.ie7 footer[role="contentinfo"] ul li, .ie6 footer[role="contentinfo"] ul li {display:inline-block; float:left;}
footer[role="contentinfo"] {max-width:none; width:100%; color:#FFF; background-color:#051C33;border-bottom: 8px solid #1A3E62; border-top: 1px solid #828E99; text-align:center;padding-bottom:0;}
footer[role="contentinfo"] ul li a, footer[role="contentinfo"] a {color:#828E99;}
/*social icons*/
footer[role="contentinfo"] .ss-icon ul li {text-align:center;}
footer[role="contentinfo"] .ss-icon ul li a {font-family: 'SSSocial'; font-weight:bold; font-size:50px;}
footer[role="contentinfo"] .ss-icon ul li a:hover {text-decoration:none; color:#FFF;}
footer[role="contentinfo"] .logo_mobile {display:none;}

@media only screen and (max-width: 768px) {
footer[role="contentinfo"] ul li {line-height:44px;}
footer[role="contentinfo"] .ss-icon {margin-top:3em;}
}

@media only screen and (max-width: 600px) {
footer[role="contentinfo"] .content {margin:0; padding:0;width:100%; text-align:center;}
footer[role="contentinfo"] ul li {width:100%; line-height:44px; padding:0px; margin:0;height: 44px;border-bottom:1px solid #1E3042; text-align:center;}
footer[role="contentinfo"] p, footer[role="contentinfo"] small {margin:2em; text-align:center;}
/*social icons*/
footer[role="contentinfo"] .ss-icon {width:80%; margin:0 10% 2em;}
footer[role="contentinfo"] .ss-icon ul li {width:33%; float:left;padding:3em 0 2em 0;margin:0; }
footer[role="contentinfo"] .ss-icon ul li a {font-size:70px;}
footer[role="contentinfo"] .ss-icon li.firsttwo {border-right:1px solid #1E3042;}
footer[role="contentinfo"] .logo_mobile {display:inline-block;border:1px solid #577ba1; padding:0;height:82px;}

}


/* ****************** RESOLUTION STYLESHEETS ***************************** */

/* FOR screen resolution >480px (all except iPhone3 and other old phones) */
 @media only screen and (min-width: 480px) {
div.imageItem60 img.floatLeft {float:left;margin-right:10px !important; }
.entry-content div.imageContainerLeft {	float:right;}
.entry-content .highlightTop, hentry-press .highlightTop {max-width:485px;}
.imageContainerLeft{float:left;	margin-right:2em; }
.entry-content .imageContainerLeft img {width:100%;max-width:100%;}
.grids .imageContainerLeft {width:36%;}
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
.complementary table.orderProduct td a.btn.icon_addtobasket {text-indent:-9999px; padding-right:0; padding-left:0; width:32px;}
}

/* FOR screen resolution <992px (iPad landscape and portrait) */
@media only screen and (max-width:991px) {
.cols .newslist.col {float:left;}
.entry-content .highlightTop, .hentry-press .highlightTop {float:left !important ; }
.contact .photo {float:left;} 
.publication .figure {width:30%;}
.publication .pub-box {margin-left:35%;}
.contact .contact-box {margin-left:100px;}
header[role="banner"] .nav_bar_level2 ul.nav-level2 li:last-child, header[role="banner"] .nav_bar_level2 ul.nav-level2 li:nth-last-child(2):nth-child(odd) {/*border-bottom:none;*/}
.bottom-nav .nav_bar_level2 ul.nav-level2 li.selected {display:none;}
header[role="banner"] form[role="search"] {display:none;}
header[role="banner"] .nav-sub li.searchiconTablet{display:inline-block;width:20px;}
article .entry-content p.hideIE {display:none;}
.hentry .entry-content {width:62.8748%;}
.hentry .main .entry-content {width:100%;}
table.orderProduct td.orderPreview, table.orderProduct th.orderPreview {display:none;}
.showLess992 {display:block;}
.content .main.catalogueDetail {width:100%;}
.content .complementary.catalogueDetail {width:100%;}
table.orderProduct td.splitter {display: none;}

}

/* FOR screen resolution <768px (iPhone4) */
@media only screen and (max-width: 767px) {
.index .hfeed .hentry .entry-title {padding-right:0;}
.grids-four .publication .figure, .grids-three .publication .figure {width:36%;}
.grids-four .publication .pub-box, .grids-three .publication .pub-box {margin-left:44%;}
.entry-content .highlightTop, .hentry-press .highlightTop {float:none !important;}
.publication {width: 100%;}
.main .pubitem .publication .pub-box {margin-left:40% !important;}
.grids-three .grid .contact .photo, .grids-four .grid .contact .photo {width:25%;}
.grids-three .contact .contact-box, .grids-four .contact .contact-box {margin-left:33%;}
.complementary .contact .contact-box {margin-left:32%}
article .entry-summary {/*margin:1em auto 3em ;*/}
article .entry-title {margin-top:0.5em;}
article header .author {margin-bottom:1em;}
.hentry header {min-height:inherit;}

header[role="banner"] h1 span {display:none;}
.toolbar select{margin-top:4px;}
.grids + .content, .content + .content {margin-bottom:1.5em;}
.world [role="main"], .world .main {background: none !important;}
.well ul li {text-align:center;}
.nav_bar_level2 ul.nav-level2 {width:77%;padding-left:20%;}
.content, .grids {margin-bottom:2em;}
header[role="banner"] .inner .nav-main li {padding:1em 0.66em;}
.nav_bar_level2 .nav-level2 li {padding:8px 12px;}
header[role="banner"] form[role="search"] {display:none;top:85px;position: absolute;right:1.15em;}
.grids-three .grid.grid-one, .grids-three .grid.grid-two, .grids-three .grid.grid-three {margin-bottom:2em;}
.sitemap {margin-top:2em;}
.goToTop {display:block;background-image:url(toplink.png);background-repeat:no-repeat;background-position:center bottom;background-size:24px 18px;height:35px;}
.goToTop a.toplink {color:#1A3E62; font-weight:bold;}
.goToTop a.toplink:hover {text-decoration:none;}

.flexslider {width:98%;}
.hentry .entry-content {padding-right:0;}

.grids-four .publication .figure {margin-right:0;}

.hentry .entry-content {width:100%; background:none;}
.hentry .complementary {padding-top: 1em; background: rgba(0, 0, 0, 0) url(divider-horizontal-732.png) no-repeat 50% 0; background-size:100% 31px; clear:both;}
.grid .vcard {max-width:380px;}
h1.stdNumber {font-size:24px; font-size:2.4em; margin-bottom:0.3em;}

.complementary table.orderProduct td a.btn.icon_addtobasket {text-indent:0px; padding: 4px 14px 4px 32px; width:auto;}
.catalogueDetail .main {width:100%}
.catalogueDetail .complementary {width:100%}
}

/* FOR iPad Landscape only */
@media only screen and (max-width: 991px) and (min-width: 768px){
.grids-three .publication .figure, .complementary .publication .figure {width:75%;margin-bottom:0em;clear:left;}
.grids-three .publication .pub-box, .complementary .publication .pub-box {margin-left:0;clear:left;}
.grids-three .publication .figure .figcaption, .complementary  .publication .figure .figcaption {display:block;}
.complementary .contact .photo, .grids-three .grid .contact .photo {width:50%;clear:left;}
.complementary .contact .contact-box, .grid .contact .contact-box {margin-left:0;clear:left;}
/*.introduction .complementary .halfleft {float:left; width:45%;}*/
/*.introduction .complementary .halfright {float:right;width:45%;}*/
.entry-content div.highlightTop, .hentry-press div.highlightTop, .entry-content figure {float:left; /*width:50%;*/ margin-right:2em !important;}
.nav_bar_level2 ul.nav-level2 {width:80%;padding-left:18%;}
.introduction .complementary .halfleft .refine ul li {width:50%; float:left;}
.introduction .complementary .halfleft {margin-bottom:2em;}

}

/* FOR screen resolution <600px */
@media only screen and (max-width: 600px) {
header[role="banner"] select#mobileMenu_mm1 { display:block;}
header[role="banner"] .nav-main {display:none;}
header[role="banner"] .nav_bar_level2 { display:none;}
header[role="banner"] .nav-main li {margin-right:10px !important;}
.clearfix:before,.clearfix:after{display:table;}
header[role="banner"] h1 {background:#013568 url(iso.png) left 20px no-repeat;height:102px} /* banner shorter when no level2 navigation */
header[role="banner"] h1 span {top:9px;}
header[role="banner"] .nav-sub li.searchiconPhone {display:inline;width:24px;margin-top:26px;position:absolute;right:0;padding:11px 8px 7px 8px;background-color:none;}
header[role="banner"] .nav-sub li.searchiconPhone.active {background-color:#406890;}
header[role="banner"] .nav-sub li.searchiconTablet {display:none;}
header[role="banner"] .nav-sub li.navicon {display:inline-block;margin-top:34px;position:absolute;right:50px;}
header[role="banner"] .nav-sub li.navicon a span {vertical-align:30%; margin-right:0.5em;color:#636363;}
header[role="banner"] .nav-sub li.navicon a:hover span {text-decoration:none;color:white;}
header[role="banner"] .nav-sub li.navicon a {color:transparent;}
header[role="banner"] .nav-sub li.navicon img {width:24px;}
header[role="banner"] .nav-sub li.storeBasket {display:none;}
header[role="banner"] .nav-sub li.members {display:none;}
#searchbar {height:50px;background-color:#406890;background-image: -webkit-gradient(linear,left top, left bottom, from(#406890),to(#2D5984));background-image: -webkit-linear-gradient(top,#406890,#2D5984);background-image: -moz-linear-gradient(top,#406890,#2D5984);background-image: -o-linear-gradient(top,#406890,#2D5984);background-image: linear-gradient(top,#406890,#2D5984);;display:none;}
header[role="banner"] .inner ul.nav-sub {/*float:left;*/}
header[role="banner"] .inner ul.nav-sub li.langage a {padding:4px 10px 5px 10px;} 
header[role="banner"] .inner ul.nav-sub li.langage span.separation {color:#636363;}
header[role="banner"] .nav-sub li.langage {padding-top:1px;}
a.btn_round .hide600 {display:none;}
a.btn_round, a.btn_round:hover {background-color:transparent;}
a.btn_round .ss-icon {font-size:24px;}
a.btn_round:hover .ss-icon.rss {color:#01478B;}
a.btn_round.rssLeft .ss-icon .hoverInfo {/*font-size:16px; padding:6px 12px; top:-30px; left: -73px;*/ display:none;}
a.btn_round.rssLeft {display:none;}
.main div.push-left, .main div.push-right {width:100%;}
.main div.push-left .refine ul {margin-bottom: 0;}
table.orderProduct td a.btn.icon_addtobasket {text-indent:-9999px; padding-right:0; padding-left:0; width:32px;}
table.orderProduct td a.btn, table.orderProduct td button {padding:4px 0;}
.ss-icon.social li a {font-size:44px;line-height:50px;padding-top:10px;}
.content.catalogueInfo .main {width:100%;}
.content.catalogueInfo .complementary {width:100%; /*margin:0 auto;*/ text-align:center;}
}

/* FOR screen resolution <480px (iPhone3 and other old phones) */
@media only screen and (max-width: 480px) {

div.imageContainerLeft {min-width:auto;}
.no-touch header[role="banner"] h1:hover span {display:none;}
.imageContainerLeft {margin-left:0 !important; }
.entry-content div.imageContainerLeft, .hentry-press div.imageContainerLeft {min-width:inherit;}
.grids .imageContainerLeft {width:90%;}
.contact .contact-box {margin-left:35%; /*margin-left:95px;*/}
.publication .pub-box {margin-left:45%;}
.grids + .content {margin-bottom: 3em;}
.wrapper figure img {max-width:95%;}
header[role="banner"] form[role="search"] input {width:80%;}

}

@media only screen and (min-width: 600px) {
.narrow .push-left {float: left; width:44.16506666188161%; margin: 0 4% 0.25em 0;}
.narrow .push-right {float: right; width:44.16506666188161%; margin: 0 0 0.25em 4%;}
#searchbar {display:none !important;}
header[role="banner"] form[role="search"] {display:none !important;}

}

@media only screen and (min-width: 768px) {
header[role="banner"] .nav-sub {width: auto;}
.grid .vcard img {float: none; margin-left:0;}
.grids-three .grid .contact .photo, .grids-four .grid .contact .photo {/*width:80px;*/}
.focus-promo .complementary.focus-topic {float:right;}
.tablelike {display:table;border-spacing:4em 0.3em;margin-left:-4em; margin-right:-4em;}
.tablelike .tablefix {display:table-row; }
.tablelike .tablefix .grid {display:table-cell; float:none;padding: 12px;background-color: #E7F0F5;border: 1px solid #C3D9E6;}
.tablelike .tablefix .grid .well {padding:0; margin:0;border:none;}
.sitemap .grids + .grids {padding-top: 1em;background-image: url(divider-horizontal-732-light.png);}
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
header[role="banner"] .nav-sub li {margin-right: 15px;}
}

@media only screen and (min-width: 992px) {

.back-issues article, .back-issues figure {width: 27.9%;min-height:320px;}
.back-issues article figcaption {min-height:3em;}
header[role="banner"] .nav-sub, header[role="banner"] form[role="search"] {width: 26%;}
.short .entry-content+.entry-content{margin-top:-1.5em;margin-bottom:0em;}
.narrow {width:66.8748%;margin:0 auto;}
.narrow .push-left {margin: 0 5% 0.25em -24.78%;}
.narrow .push-right {margin: 0 -24.78% 0.25em 5%;}
.narrow .push-right .contact .contact-box, .narrow .push-left .contact .contact-box {margin-left:44%;}
.narrow .push-right .contact .photo, .narrow .push-left .contact .photo {width:32%; max-width:100%;}
.sitemap .grids + .grids {padding-top: 2em;background-image: url(divider-horizontal-949-light.png);}
header[role="banner"] form[role="search"] {display:block !important;}
}

@media only screen and (min-width: 1150px) {
article .entry-content p.hideIE {display:block;}
}

@media only screen and (min-width: 768px) and (orientation:landscape) { 
	.sitemapL2 { display:block !important; }
}




/* FOR PRINT */
#printlogo {display: none;}

@media only print {
	
	header[role="banner"] {display:none;}
	#printlogo{ display: block;  border-bottom:1px #C0C0C0 solid; margin:0 auto; width:90%; max-width: 1150px; height:2.3cm; padding-bottom:0.5em;}
	#printlogo img{	width: 2.5cm; height: 2.3cm; margin:0 1em 0 0; float:left;}
	#printlogo h2{padding:0.4cm 0 0 0;color:#666;}
	#printlogo span{color:#999; font-style:italic; font-size:0.9em;}
	
	.toolbar {border-bottom:1px #C0C0C0 solid;}
	.toolbar .righttools, .toolbar .archive-list, .toolbar .btn {display:none;}
	.toolbar .mainSection {margin-top:1em;}
	
	.breadcrumb ul {margin-bottom:0; margin-top:0.5em;}
	.breadcrumb ul li.parent:after {content:"\0000a0 \0000a0>\0000a0 \0000a0"; }
	.breadcrumb ul li.parent {padding-right:0;}
	.breadcrumb a {border-bottom:none;}
	
	.back-issues article img {max-width:180px;}
	.back-issues article.description { display:block;}
	.publication .figure, .vcard .photo {width:20% !important; float:left !important;}
	.publication .pub-box, .vcard .contact-box {margin-left:25% !important;}
	.figure a {border-bottom:none;}
	
	.sitemap {display:none;}
}