/*       CSS COMMUN EDP       */
/*       2.5 - template0      */
/* magazines / revues / procs */
/* boites a outils générique  */
/* menus, icones, messages    */
/* com article, acepoll...    */



@font-face {font-family: Awesome; src: url(../fonts/Awesome/FontAwesome2.otf);}
.greek-letter{font-family: Symbol;}

a, span.link{outline-style: none; outline-width: medium; color:#0227b1; text-decoration: none;}
a:hover, span.link:hover{text-decoration:underline; cursor: pointer;}
strong, .b{color:#333333; font-weight: bold;}
a strong{color:#0227B1;}
a img{border:0;}
.clear{clear: both;}
.c{text-align:center;}
.l{text-align:left;}
.r, .page p.r{text-align:right;}
.small{font-size: 0.9rem; line-height: 1.5rem;}
.hidden{display: none;}
dl dt{font-weight: bold;}

.flexme{display: flex;}

.c1{width:45%; float:left;}
.c2{width:50%; float:right;}
.c2:::after{content:""; clear:both;}

.c133 {float: left; width: 35%;}
.c233 {float: right; width: 60%;}

.c13 {float: left; padding-right: 20px; width: 30%;}
.c23 {float: left; padding-right: 20px; width: 30%;}
.c33 {float: left; width: 30%;}

body > header .menu .home+.home.off{display: none;}

.cookie_notification.mobile{bottom: auto;}

/* zone recherche */
header nav.menu2{background-color: #E3E3E3; border-bottom: 2px solid #C2C2C2; border-top: 1px solid #EDEDED; padding: 6px 10px;}
.reg_info+.reg_info{padding-right:20px}

/* ariane*/
.breadcrumbs{background-color: #fff; padding:8px 20px 8px 0; font-weight:bold; color:#555; font-size:0.9rem;}
.breadcrumbs a{color: #333;}

/* utilisateurs */
.user_info{float: right;}
.reg_info{font-family: Arial, Helvetica, sans-serif; margin: 0; font-size:0.9rem; color:#000; float: right;}
.reg_info a+a{margin-left: 10px;}
.reg_info div.btn-nav ,.reg_info > a, .cart-box{display: inline-block; border:solid 1px #aaa; background-color: #eee; background: linear-gradient(#ffffff, #e9e9e9) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0 5px; border-radius: 3px; color: #414e54;}
.cart-box{padding: 0 0 0 5px;}
.cart-box .ico-cart{padding-right: 5px;}
.reg_info span.user{display: inline-block; height: 13px; max-width: 130px; overflow: hidden;}
.reg_info span.ico16.white{/*background-color: rgba(0,0,0,0.25);*/ background-color: transparent; width:20px; height:20px; border:none;}
.reg_info span.ico16.white:::after{top:1px; left: 2px;}
.reg_info a:hover, .reg_info:hover div.btn-nav{text-decoration: none; background: linear-gradient(#ffffff, #f5f5f5) repeat scroll 0 0 #f5f5f5; color: #000;}
.reg_info a:active{background:#fff;}

.reg_info div.btn-nav{position: relative;}
.reg_info div.btn-nav h1, .reg_info div.btn-nav nav.user{display: none;}
.reg_info div.btn-nav nav.user{position: absolute; padding: 0; box-shadow: 4px 4px 2px rgba(0,0,0,0.1); border:none; ;}
.reg_info div.btn-nav nav.user li{display: block; text-align: left; margin: 0;}
.reg_info div.btn-nav nav.user li + li{margin: 0;}
.reg_info div.btn-nav nav.user li a{border-radius: 0; width: 100px; font-weight: normal; box-shadow: inset 0 -1px #000; background: linear-gradient(#5e5e5e, #4e4e4e) repeat scroll 0 0 #5e5e5e; color:#fff; text-shadow:none; border:0;}
.reg_info div.btn-nav nav.user li a:hover{background: linear-gradient(#6e6e6e, #5e5e5e) repeat scroll 0 0 #6e6e6e;}
.reg_info div.btn-nav nav.user li a:active{background: linear-gradient(#5e5e5e, #6e6e6e) repeat scroll 0 0 #5e5e5e;}
.reg_info.auth div.btn-nav nav.user li a{width: 150px;}
.reg_info div.btn-nav:hover nav.user{display: block; z-index: 10; position: absolute;}
.reg_info div.btn-nav:hover{cursor: pointer;}

.reg_info.account{position: relative;}
.reg_info.account p{display: inline-block; left: -140px; line-height: 15px; position: absolute; text-align: center; top:-3px; width: 140px; margin: 0; padding: 0; color: #555;}

.user_info .lien_liste{float: right; margin: 5px 20px 0 0; font-size:0.85em;}
.user_info .lien_liste a{color:#333;}

/* topical */
.topical_article{max-width: 510px;}
.topical_article a{display: inline-block; border-radius: 5px; padding:0 5px; margin-bottom: 3px; border:solid 1px #cfcfcf; background-color: #f3f3f3;}

/* BOUTONS */

/* btns : hl, open, free, ...*/


.wait-progress {display: inline-block; width: 16px; height: 16px; background-image: url(../images/ico16/wait_anim.gif); border:0;}

/* btn gene */
.btn-primary, .btn2 span, .btn-small{background-color: #2685C8; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); border-radius: 6px; display: inline-block; padding: 3px 10px; text-decoration: none; font-weight:bold; color:#fff; border:0;}
.btn-primary b, .btn-primary strong, .btn-small strong{color:#fff;}
.btn-primary:hover, .btn2 span:hover, .btn-small:hover{background-color: #156CA9; text-decoration: none; color:#fff; cursor: pointer;}

.btn-small2{background-color: #959595; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1); border-radius: 6px; display: inline-block; padding: 3px 10px; text-decoration: none; font:bold 12px/16px Arial; color:#fff; border:0;}
.btn-small2 b, .btn-primary strong{color:#fff;}
.btn-small2:hover{background-color: #686868; text-decoration: none; color:#fff; cursor: pointer;}

.btn-small-neutral{background-color: #e2e2e2; box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.7) inset; border-radius: 6px; display: inline-block; padding: 2px 8px; text-decoration: none; font: 12px/16px Arial; color:#333; border:solid 1px #ababab;}
.btn-small-neutral:hover{background-color: #cfcfcf; text-decoration: none; cursor: pointer;}


.btn-big{background-color: #2685C8; border: 0 none; border-radius: 5px; box-shadow: 0 3px 0 #3D6A8B, 0 5px 0 1px rgba(0, 0, 0, 0.1); color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px 10px; position: relative;}
.btn-big b, .btn-big strong{color:#fff;}
.btn-big:hover{background-color: #156CA9; cursor: pointer; text-decoration: none;}
.btn-big:active{top:1px; box-shadow: 0 1px 0 #3D6A8B, 0 3px 0 1px rgba(0, 0, 0, 0.1);}

.btn-small.btn-delete{background-color: #ccc; color: #000; font-weight: normal;}
.btn-small.btn-delete:hover{background-color: #ddd;}
.btn-small.btn-delete:focus{background-color: #fff;}

.btn-big.back{background-image: url(../images/ico16/back1624.png); background-position: 5px center; background-repeat: no-repeat; padding-left: 25px;}
.btn-big.forth{background-image: url(../images/ico16/forth1624.png); background-position: right center; background-repeat: no-repeat; padding-right: 25px;}


.honcode_certif {clear:both; font-size:0.8rem; padding-left: 100px; text-align: center; width:480px; margin:15px auto;}
.honcode_certif img {margin-right: 5px; float:left;}


input[type=submit]:hover{cursor: pointer;}

/* nav edp */
.header-edp .wrap{background: #fff; padding: 0 10px; width: 970px;}
.header-edp .edp-logo{float: left; margin:5px 0 0 0;}
.header-edp .edp-logo:hover{opacity: 0.85;}
.header-edp .edp-nav>ul{list-style: none; float: left;}
.header-edp .edp-nav>ul>li{display: inline; padding: 0 5px; position: relative;}
.header-edp .edp-nav>ul>li>a,.header-edp .edp-nav>ul>li>span{display: inline-block; text-transform: uppercase; color:#333; font-weight: bold; font-size:1.2rem; font-family: Arial,sans-serif; padding: 2px 5px;}
.header-edp .edp-nav>ul>li>a:hover{text-decoration: none; color:#da0022;}
.header-edp .edp-nav>ul>li>a:focus{background-color: #333; color:#fff;}
.header-edp .edp-nav ul li.parent>span{position: relative; padding-right: 15px;}
.header-edp .edp-nav ul li.parent>span::after{content: ""; border-style: solid; border-width: 3px; border-color: #333 transparent transparent transparent; position: absolute; top: 9px; right: 5px;}
.header-edp .edp-nav ul li ul{display: none;}
.header-edp .edp-nav ul li:hover ul{display: block;}
.header-edp .edp-nav>ul>li:hover span{cursor: pointer; color:#da0022;}
.header-edp .edp-nav ul li ul{position: absolute; left:-35px; z-index: 2;}
.header-edp .edp-nav ul li ul li{display: block; width: 170px; border:solid 1px #ccc;}
.header-edp .edp-nav ul li ul li+li{border-top: none;}
.header-edp .edp-nav ul li ul li a{display: block; background:#fff; padding: 2px 5px; color: #333;}
.header-edp .edp-nav ul li ul li a:hover {background: linear-gradient(#FFFFFF, #F8F8F8) repeat scroll 0 0 #F8F8F8; text-decoration: none; border: none; color:#da0022;}
.header-edp .edp-nav ul li ul li a:focus{background-color: #333; color:#fff;}
.header-edp .reg_info{margin-top: 10px;}

/* nav presentation */
ul.nav, nav.pres ul{padding:0px; text-align:center; background-color:#c1cdd5; margin-bottom:30px; margin-left: 0;}
ul.nav li, nav.pres ul li{display:inline; padding:2px; border-radius: 5px;}
ul.nav-big li, nav.pres-big ul li{display: inline-block;}
ul.nav li a strong, nav.pres ul li strong{color:#fff;}
ul.nav li a, nav.pres ul li a{padding:4px 8px; color:#fff; font-weight:bold; text-decoration: none; border-radius: 5px; background-color: #2685c8; transition: all 500ms ease 0s;}
ul.nav li:hover, nav.pres ul li:hover{transition: all 200ms ease 0s; opacity: 0.80;}
ul.nav li a:hover, nav.pres ul li a:hover{text-decoration:none;}


/* nav onglet*/
nav.tab-simple{background-color: #EEF3F7; border-bottom: 2px solid #6281BA; margin: 20px 0; text-align: center;}
nav.tab-simple ul{list-style: none;}
nav.tab-simple ul li{display: inline;}
nav.tab-simple a{background-color: #6281BA; color: #FFFFFF; padding: 4px 10px;}
nav.tab-simple a+a{margin-left:5px;}
nav.tab-simple a.selected{font-weight: bold;}

/* nav ancres (board) */
nav.ancres{background-color: #EEF3F7; border-bottom: 2px solid #6281BA; padding: 10px 0; text-align: center;}
nav.ancres ul{list-style: none; margin: 0; padding: 0;}
nav.ancres ul li{display: inline; margin: 0; padding: 0;}
nav.ancres ul li+li{margin-left: 5px;}
nav.ancres a{background-color: #6281BA; color: #FFFFFF; padding: 4px 10px; border-radius: 5px;}
nav.ancres a:hover{text-decoration: none; background-color: #4076d9;}
nav.ancres a.selected{font-weight: bold;}


/* nav sections */
nav.toc{background-color:#f7f7f7; padding: 0.25rem 1rem; text-align:center; margin-bottom: 1rem; border-radius: 2px;}
nav.toc ul{list-style: none; display: flex; margin:0; padding:0;}
nav.toc ul li{margin:0; padding:0;}
nav.toc ul li.toc-nav-title{flex: 1}
nav.toc ul li a{text-decoration:none; display: inline-block;}
nav.toc a.back span::before, nav.toc a.forth span::after{font-family: "Awesome";}
nav.toc a.back span::before{content: "\f053"; padding-right: 0.5rem;}
nav.toc a.forth span::after{content: "\f054"; padding-left: 0.5rem;}



/* nav user */
nav.user{text-align: center; background-color: #f1f1f1; padding: 8px 5px; border-radius: 5px; box-shadow: 0 1px 0 #FFFFFF inset;}
nav.user ul{list-style: none; margin: 0; padding: 0;}
nav.user ul li{display: inline-block; margin: 4px 0;}
nav.user ul li.icon{float: left; margin-left: 10px;}
nav.user ul li a{display: inline-block; padding: 4px 10px; border: solid 1px #b9b9b9; border-radius: 3px; color:#414e54; text-shadow: 0 1px 0 #fff; background: linear-gradient(#FFFFFF, #E9E9E9); box-shadow: 0 1px 0 #fff; font-weight: bold; line-height: 14px;}
nav.user ul li+li{margin-left: 10px;}
nav.user ul li a:hover{text-decoration: none; background: #f2f2f2; background: linear-gradient(#ffffff, #f2f2f2) #f2f2f2;}
nav.user ul li a:active{background: #fff;}
nav.user ul li a.selected{background: #6281ba; background: linear-gradient(#6281BA, #47649b) repeat scroll 0 0 #6281BA; color:#fff; text-shadow: none; border-color:#6281ba; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2) inset;}


form.contacts {background-color: #F5F5F5; border: 1px solid #CECECE; padding: 10px; width: 90%; margin:20px auto;}
form.contacts table {width: 100%; border-collapse:collapse;}
form.contacts td {padding: 5px; vertical-align: top;}
form.contacts input {width: 200px;}
form.contacts input.radio {width: auto; margin-right:30px;}
form.contacts select {width: 205px;}
form.contacts td.nfo {color: #383838; font-weight: bold; padding-right: 15px; text-align: right;}
form.contacts .go {float: right;}

/*images illustration pour les sites avant <figure> */
.illustrate{ background-color: #E8E8E8; border: 1px solid #CDCDCD; float: left; margin: 5px 20px 10px 0; padding: 6px; text-align: center;}
.illustrate span, .illustrate figcaption{font: 10px/13px verdana; display: inline-block; margin: 3px 0;}

/* board */
.item-page .board{;}
.item-page .board figure{width: 245px; height: 130px;}
.item-page .board figure figcaption{float: right; width: 140px; color: #000; text-align: left;}
.item-page table.board{margin:auto;}
.item-page table.board td{padding: 0 10px;}


#board section{clear: both;}
#board section+section{border-top:dashed 2px #ccc;}
#board section.two-cols article, #board section.two-cols p{display: inline-block; width: 380px; vertical-align: top;}
#board section.two-cols article:nth-child(2n+1), #board section.two-cols article:p(2n+1){margin-left: 10px;}
#board section.two-cols p{margin-top:5px; margin-bottom: 5px;}
#board article{margin-bottom: 20px; clear: both;}
#board article h4{font-style: normal;}
#board section.two-cols article div{float: right; width: 240px;}
#board article figure img{width: 115px; background-color: #fff; padding: 1px; border:solid 1px #ddd;}

/* editors choice*/
#editors-choice{;}
#editors-choice div p{padding: 5px 10px;}
#editors-choice div p:nth-child(2n+1){background-color: #f7f7f7;}

/* liste */
.item-page ul.simple{list-style: none; margin: 15px 0 25px 0; padding: 0;}
.item-page ul.simple li{border-bottom: 1px solid #c6c6c6; padding:8px 10px 8px 20px; margin: 0; list-style: none;}
.item-page ul.simple li:nth-child(2n+1) {background-color: #f6f6f6;}
.item-page ol.simple li{border-bottom: 1px solid #c6c6c6; padding:8px 10px 8px 20px; margin: 0;}
.item-page ol.simple li:nth-child(2n+1) {background-color: #f6f6f6;}

/* BOITES */
.newsbox .more, .ui-tabs .more, .newsflash .more{padding:10px 15px; text-align: right;}
.newsbox .more a, .newsbox.more a, .newsflash .more a, .ui-tabs .more a, .newsflash .more a{color:#333; font-weight: bold; background:url(../images/li_4_777.png) no-repeat left center; padding-left: 10px;}

.newsbox.pub{text-align: center; padding:10px 0;}
.newsbox.pub a img{border:0;}

span.pub,span.publicite{color: #555; font-size: 0.9rem; text-transform: uppercase;}
.pub .c1{padding: 20px 0 0 10px;}
.pub .c2 img{width: 120px;}
.banneritem{text-align: center; margin: 15px 0;}

.newsbox.epj{padding: 10px;}
.newsbox.epj img{display: inline-block; float:left; margin: 5px 15px 50px 0;}
.newsbox.epj p{margin: 0;}

.newsbox.about{padding: 0 10px; margin-top: 0;}
.newsbox.about .about-logos{padding: 8px 5px 0 5px; text-align: center;}
.newsbox.about .about-logos img{vertical-align: middle;}
.newsbox.about .about-logos a+a{margin-left: 30px;}

.newsbox.red h2{background-color: #91091f;}

.springerbox{padding: 5px; color:#fff;}
.springerbox a, .springerbox h2, .springerbox strong{color: #fff;}
.springerbox a{text-decoration: underline;}
.springerbox h2{text-align: center;}
.springerbox div{ padding: 5px; border:solid 1px rgba(255,255,255,0.3);}

.published_by {color: #DDDDDD; float: right; font: bold 13px/16px Arial; margin: 25px 30px 0 0; text-align: center; width: 175px;}
.published_by a img {border: 0 none; display: inline-block; margin-top: 5px;}

.newsbox.submit{text-align: center; padding:10px 0;}
.newsbox.submit a{width: 300px; display: inline-block; font: 18px/60px Arial; height: 60px; border-radius: 5px; text-transform: uppercase;}
.newsbox.submit a:hover{text-decoration: none; opacity: 0.85;}

.newsbox.email-alert{text-align: center;}
.newsbox.email-alert .ico24{float: left;}

.newsbox.sponsors{;}
.newsbox.sponsors ul{;}
.newsbox.sponsors ul li{display: inline-block; border:none; vertical-align: middle;}


.banner-video{position: relative;}
.banner-video::after{position: absolute; content: "\f04b"; display: inline-block; padding: 2rem 3rem; border-radius: 2rem; background: rgba(0,0,0,0.5); font-family: Awesome; color: #fff; font-size: 2rem; transition: background ease 500ms;}
.banner-video:hover::after{background: rgba(0,0,0,0.8);}
.banner-video-300::after{left:calc(300px - 62%); top:-145px}





/* utilise dans forth refdp, eucass */
.box-light{background-color: #E7E7E7; background-image: linear-gradient(to bottom, #ffffff 0%, #E7E7E7 24%); margin:15px 0 30px; border:solid 1px #ccc; border-radius: 5px; padding:10px;}
.box-light h2:first-child{margin-top: 0;}

/*login / boite neutre*/
.auth-login form p:first-child{margin-top: 0;}
.auth-login form table{margin: auto;}
.auth-account form{display: block; border: 1px solid #D0D0D0; background-color:#F4F4F4; padding: 5px; border-radius: 5px; box-shadow:0 1px 0 #FFFFFF inset;}


#com_services .ico::before{font-family: "Awesome";}
#com_services .ico-account::before{content:"\f007"; font-size: 1.5rem; margin-right: 0.5rem;}
#com_services .ico-create-account::before{content:"\f234"; font-size: 1.5rem; margin-right: 0.5rem;}

#account_form .flexme > fieldset{display: inline-block; width: 320px;}
#account_form .flexme > div{display: inline-block; width: 320px; vertical-align: top; margin-left: 1rem;}
#account_form .auth-create-login h3{margin-top: 0;}

#protected #section-edps, #protected #section-authenticate{border:solid 1px #ccc; border-radius: 5px;}
#protected #section-edps h2, #protected #section-authenticate h2{background-color: #6281ba; color: #fff; padding: 0.5rem 1rem; margin: 0; border-radius: 5px 5px 0 0;}
#protected #section-edps .content, #protected #section-authenticate .content{padding: 1rem;}
#protected #section-edps .auth-box-small h2{text-align: center;}
#protected #section-authenticate{margin-top: 2rem;}


/*nfo prix*/
.prices-nfo{margin-top: 20px;}
.prices-nfo h2{display:inline-block; background-color: #8a8a8a; color: #f9f9f9; font-weight: bold; padding: 2px 10px; margin: 0; border-radius: 2px 2px 0 0; font-size:1rem;}
.prices-nfo div{background-color: #f4f4f4; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1px 10px;}

table.table{margin: auto; border:solid 1px #ccc;}
table.table tr td{padding: 2px 10px; border:solid 1px #ddd;}
table.table.valigntop td{vertical-align: top;}

table.table +div.c{margin-top: 15px;}

.pdf-order{text-align: center; margin: 20px 0; font-weight: bold;}

.price-tag{background: #eee; padding:0.2rem 1rem;}
.price-tag span{font-size: 0.9rem;}

/* ICONES */

.ico::before{font-family: 'Awesome';}

/*social*/
ul.ico24{list-style: none; margin: 0; padding: 0; height: 24px; float: right;}
ul.ico24 li{display: inline-block; margin-left: 1rem;}
ul.ico24 li a, header nav.menu ul.ico24 li a{display: inline-block; width: 24px; height: 24px; background-image: url("../images/social/social24.png"); padding: 0;}
ul.ico24 li a:hover{opacity: 0.85;}
ul.ico24 li a.facebook {background-position: 0 0;}
ul.ico24 li a.twitter, ul.ico24 li a.x {background-position: -144px 0;}
ul.ico24 li a.bluesky {background-position: -168px 0;}
ul.ico24 li a.mastodon {background-position: -192px 0;}
ul.ico24 li a.rss {background-position:-48px 0 ;}
ul.ico24 li a.googleplus {background-position:-72px 0 ;}
ul.ico24 li a.mail {background-position:-96px 0 ;}
ul.ico24 li a.linkedin {background-position:-120px 0 ;}
ul.ico24 +.user_info{margin-right: 15px;}

.ico16{display: inline-block; width: 16px; height: 16px;}
.btn-primary .ico16{padding-right: 2px; position: relative; top:2px;}
.ico16.white{border-radius: 15px; background-color: rgba(0,0,0,0.25); width: 22px; height: 22px; position: relative; vertical-align: middle; margin-right: 5px; border: solid 1px rgba(0,0,0,0.25);}
.ico16.white::after{content:""; display:block; position: absolute; top:3px; left:3px; width: 16px; height: 16px;}
.ico16.white.login::after{background:url(../images/ico16/users.png) no-repeat left transparent;}
.ico16.white.create-account::after{background:url(../images/ico16/users.png) no-repeat right transparent;}
.ico16.white.subs::after{background:url(../images/ico16/subs.png) no-repeat left transparent;}


.ico.free{display: inline-block; width: 5px; height: 5px; background-color: #42947b; margin-right: 5px;}
.ico.arrow-left{display: inline-block; border-left: 4px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 5px;}
.ico.arrow-top{display: inline-block; border-top: 4px solid black; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-right: 5px;}
.ico.vids{display: inline-block; background:url(../images/ico32/film.png) no-repeat left; width: 32px; height: 32px;}
.ico16.user{ background: url(../images/ico16/users.png) no-repeat left;}
.ico16.pdf{background:url(../images/icons/pdf/2.png) no-repeat;}


.ico{}
.ico-close::before{content: "\f00d"; font-family: "Awesome";}
.ico-remove::before{content: "\f1f8"; font-family: "Awesome";}

.backtotop {background: url(../images/backtotop.png) no-repeat scroll left center transparent;  float: right; font: 10px/12px verdana;  padding-left: 10px;}

/*metal best 2014*/
.ico48{display: inline-block; width: 48px; height: 48px;}
.ico48.trophy{background-image:url(../images/ico48/trophy_48.png); background-position: 0 0;}
.ico48.trophy.silver{background-position: -48px 0;}
.ico48.trophy.bronze{background-position: -96px 0;}


/* sponsors */
.sponsors.c {width: 560px;}
.sponsors {margin: 15px auto; text-align: center;}
.item-page .sponsors figure{display: inline-block; float: none; vertical-align: middle; margin: 0; text-align: center; height: 165px;}
.item-page .sponsors figure img{display:inline-block; padding:5px; background-color:#fff; border-radius: 5px; border:solid 1px #ddd;}
.item-page .sponsors figure a{display: block;}
.item-page .sponsors figure a img:hover{opacity: 0.80;}
.item-page .sponsors figure figcaption{margin-top: 5px;}
.item-page .sponsors.sponsors-free figure{height: auto;}

/*partenaires (radiopro)*/
#partenaires{;}
#partenaires article{clear: both; border-bottom: dashed 1px #888; padding: 10px 0;}
#partenaires article h2{color: #333; font-size: 1.2rem; padding-bottom: 0; margin-bottom: 0;}
#partenaires article h2+p{margin-top: 0;}
#partenaires article figure{;}
#partenaires article figure img{display: inline-block; background-color: #ccc; margin-right: 15px;}
#partenaires article figure a img{border:solid 1px #fff; border-radius: 2px;}
#partenaires article figure a:hover img{border:solid 1px #ccc; transition: all ease 500ms;}



/* TABLES */

figure table{padding: 5px;}

table.table{margin: auto; border:solid 1px #ddd;}
table.table tr td, table.table tr th{padding: 5px 10px; border:solid 1px #ddd;}
table.table tr th{background-color: #f5f5f5;}

/*reviewers*/
table.reviewers{margin:auto;}
table.reviewers td{vertical-align:top; padding:10px;}

/*sponsors (jbio) */
table.sponsors {border: 0 none; width: 100%;}
table.sponsors tr td {padding: 10px; vertical-align: top; text-align: left;}
table.sponsors td:first-child {text-align: center; vertical-align: middle; width: 150px;}
table.sponsors tr td {border-bottom: 1px dashed #808080;}

/* liste articles joomla */
.cat-items table{width: 100%; border-collapse: collapse;}
.cat-items table tr td{background: url(../images/fleche_list.gif) 6px 12px no-repeat #f6f6f6; border-bottom: solid #c6c6c6 1px;  padding: 5px 0 5px 20px;}
.cat-items table tr:nth-child(2n) td{background-color: #fff;}

/* liste topical (swsc)*/
ul.list-news{list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.list-news li{background-color: #F6F6F6; border-bottom: solid #c6c6c6 1px;  padding: 5px;}
ul.list-news li:nth-child(2n){background-color: #fff;}
ul.list-news li a{background: url(../images/fleche_list.gif) 8px center no-repeat transparent; padding-left: 20px;}

/* liste waiver*/
ul.waiver{text-align: center;}
ul.waiver li{display: inline-block; width: 25%; text-align: left;}


/*top ten*/
table.topten{border-collapse: collapse;}
table.topten tr td{padding:5px 0;}
table.topten tr td:last-child{width: 100px; padding-left: 10px;}

/*books*/
#books{;}
#books article{display: inline-block; width: 45%; margin: 0 10px; vertical-align: top; margin-bottom: 20px;}
#books article img{width: 125px; float: left; margin: 0 10px 10px 0;}
#books article h2{margin-top: 0;}

/*minifrontpage*/

.minifrontpage.forth ul li a {font-weight: bold;}


/* multiselect */
.ui-multiselect {max-width: 400px; text-shadow: 0 1px 0 #fff;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{text-align: left; border-bottom:solid 1px #8EBFE3; background-color: #F1F1F1; box-shadow:0 12px 0 rgba(255, 255, 255, 0.5) inset;}
.ui-multiselect-checkboxes li:hover{background: #3399FF; color:#fff;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label:hover{background-color: #fff; color:inherit;}
.form_box .ui-state-default {background: url(../images/ui/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #fff; border: 1px solid #8EBFE3;}
.ui-state-default.ui-corner-all{border-radius: 5px; /*color:#333; text-shadow:0 1px 0 #fff*/;}
.ui-multiselect span.ui-icon {float: right;}
.ui-icon-triangle-2-n-s {background-position: -128px -16px;}
.ui-icon-circle-triangle-w {background-position: -80px -192px;}
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-icon{ height: 16px; width: 16px; background-repeat: no-repeat; overflow: hidden; background-image: url(../images/ui/ui-icons_6da8d5_256x240.png); text-indent:-99999px;}
.ui-widget label{}

/* twitter */
.twtr-widget{margin-top: 0;}
.twtr-widget .twtr-doc{border-radius: 0 0 5px 5px;}


/* MESSAGES */

.update{color: #666666; margin-top: 20px;}

/* page error*/
#error.aa .wrap{position: relative;}
#error.aa .menu2{position: absolute; top: 15px; right: 0;}

/* impact-factor */
.impact-factor{border:solid 1px #ccc; padding: 5px 10px;}
.impact-factor hr{border: 0; height: 1px; background-color: #999;}

/*honcode*/
.honcode {background-color: #F4F4F4; color: #444444; font: 11px/15px verdana; margin: 20px; padding: 5px 10px;}

/*quotes*/
.item-page blockquote {background-color: #F0F0F0; border: 1px solid #E0E0E0; border-radius: 5px; box-shadow: 0 1px 0 #FFFFFF inset; font-style: italic; margin: 5px 0; padding: 10px 15px 10px 25px; position: relative;}
.item-page blockquote::before {content: open-quote;  display: block; font: bold 40px/40px Arial;  left: 2px; position: absolute; top: 0;}
.item-page blockquote p {display: inline-block; margin: 0; padding: 0;}
.item-page blockquote p:last-child::after {content: close-quote; display: inline-block;}


/* msg */
.msg{padding: 0px; margin-bottom:15px; border-radius: 5px; box-shadow: 0 1px 0 #fff inset;}
.msg ul, .item-page .msg ul{margin-left: 20px; position: relative;}
.msg p {margin-left: 32px; padding-left:10px; padding-right: 10px; position: relative;}
.item-page .msg ul:first-child{margin-left: 35px;}
.msg ul:first-child::before{content: ""; width: 32px; height: 32px; background-image:url(../images/states_32.png); display: inline-block; position: absolute; left:-15px; top:-8px; ;}
.item-page .msg ul:first-child::before{left: -30px;}
.msg p:first-child::before{content: ""; width: 32px; height: 32px; background-image:url(../images/states_32.png); display: inline-block; position: absolute; left:-28px; top:-8px; ;}
.msg ul::before{left:-16px;}
.msg ul li{font-weight: bold;}
.msg ul li:only-child{list-style: none;}
.msg span+div h2{margin-left: 42px;}


.msg-warning h2 {color: #f4db05;}
.msg-warning{border:solid 1px #ea7f17; background-color:#feefb3; color:#de6c00;}
.msg-warning ul{padding-left:35px;}
.msg-warning ul::before, .msg-warning p:first-child::before{background-position:-64px 0;}

.msg-message{border:solid 1px #a8dc98; background-color:#e6f3e2; color:#4F8A10;}
.msg-message ul{padding-left:35px;}
.msg-message ul::before, .msg-message p:first-child::before{background-position:0 0;}

.msg-error h2 {color: #f05a5c;}
.msg-error{border:solid 1px #dc9898; background-color:#f3e2e2; color:#D8000C;}
.msg-error ul{padding-left:35px;}
.msg-error ul::before, .msg-error p:first-child::before{background-position:-32px 0;}

.msg-info h2 {color: #52a6dc;}
.msg-info{border:solid 1px #98b5dc; background-color:#e2e9f3; color:#10678a;}
.msg-info ul{padding-left:35px;}
.msg-info ul::before, .msg-info p:first-child::before{background-position:-96px 0;}

.neutral-msg{padding:10px; border-bottom: solid 1px #e1e1e0; background-color:#f0f0ef; border-radius:5px; color:#666; margin-top:10px; margin-bottom: 20px;}
.neutral-msg a{font-weight:bold;}

#devel{background-color: red; color:#fff;}
#devel a{color:#fff; text-decoration: underline;}


/* Bandeau d'info config */
#header_messages {background-color: #fef9c1; border: solid 1px #dcd382; margin:0px; padding:5px 0; text-align:center; font: bold 14px/14px Arial; color: #727258; box-shadow: inset 0 12px 2px rgba(255,255,255,0.5);}
#header_messages ul {padding: 2px; padding-left:10px; margin:0px; ;}
#header_messages ul li {display: inline; background-image: url('../images/warning_header.png'); background-repeat: no-repeat; padding: 3px 10px 0px 20px; font-weight: bold; text-shadow: 0 1px 0 #fff;}


code {border: 1px solid #6da1d4; display: inline-block; font: 12px/16px courier; margin: 5px 0; padding: 5px 10px; background-color: #fff;}
.inline-help{border-bottom: dashed 1px blue;}
.inline-help:hover{cursor: help;}

.free{font-weight: bold; color:#42947B;}

/*.warning,.warning2{background: url(../images/ico_attention_64_70pc.png) no-repeat 25px #f7f7f7; border:solid 1px #c9cace; padding:5px 10px; margin-bottom:20px; color:#333; border-radius:5px; text-align:center; font:11px/16px verdana; color:#333;}
.warning2 p{margin-left:60px;}*/

.open_soon{text-align: center; margin:20px 0 0 0; padding: 10px; color:#000; font-weight: bold;}
.open_soon a{ background-color: #333333; border: 1px solid #000000; border-radius: 5px; box-shadow: 0 13px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 0 #000000; color: #FFFFFF; display: inline-block; margin: 5px 0; padding: 3px 10px;}
.open_soon a:hover {opacity: 0.85; text-decoration: none;}



/*ck style*/
.warning{border:solid 1px #ec7e17; background: url(../images/ck/warning.png) left no-repeat / 16px auto #feefb3; padding: 2px 5px; ;}

/* nav joomla article*/
#article-index ul{list-style: none; margin: 0; padding: 0;}
#article-index ul li{display: inline-block;}
#article-index ul li a{display: inline-block; color: #fff; margin: 5px 5px 0 0; padding: 0 5px; border-radius: 5px;}
#article-index ul li a:hover{text-decoration: none;}

.pagenavcounter{color: #666;}

/*entre article*/
.item-page ul.pagenav{text-align: center; margin: 40px 0 20px 0; background-color: #eee; padding: 0;}
.item-page ul.pagenav li{list-style: none; display: inline-block;}
.item-page ul.pagenav li+li{margin-left: 30px;}
.item-page ul.pagenav li::before{display: none;}
.item-page ul.pagenav li a{;}

.pagination{;}
.pagination ul{list-style: none; text-align: center;}
.pagination ul li{display: inline-block; margin: 3px;}
.pagination ul li a{font-weight: bold;}

/* UI */

/* reset sur UI "base" */
.ui-widget-content a{color: #0227B1;}
.ui-widget-content a:hover{color: #000;}
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{border:0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:transparent;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #fff;}
.s_task .ui-state-default, .s_task .ui-widget-content .ui-state-default, .s_task .ui-widget-header .ui-state-default{border: 0;}
.ui-tabs .ui-tabs-nav li a{float: none;}
.ui-tabs .ui-tabs-panel{padding: 0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 0;}
.ui-tabs-nav .ui-state-default, .ui-tabs-nav .ui-tabs-active{border: 0; background:transparent;}
.ui-multiselect-checkboxes .ui-state-hover,
.ui-multiselect-checkboxes .ui-widget-content .ui-state-hover,
.ui-multiselect-checkboxes .ui-widget-header .ui-state-hover,
.ui-multiselect-checkboxes .ui-state-focus,
.ui-multiselect-checkboxes .ui-widget-content .ui-state-focus,
.ui-multiselect-checkboxes .ui-widget-header .ui-state-focus{background:transparent;}
.ui-multiselect-checkboxes label.ui-state-hover, .ui-widget-content .ui-multiselect-checkboxes label.ui-state-hover, .ui-widget-content .ui-multiselect-checkboxes label.ui-state-focus{border:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-bottom: 0;}
.ui-state-active, .ui-widget-content .ui-state-active{background: url("../images/ui/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll center center #E6E6E6; color:#000;}
.ui-widget-content button.ui-state-active{border: 1px solid #D3D3D3;}
.ui-tabs .ui-tabs-hide {display: none;}
.ui-helper-clearfix::after {clear: both;}
#accordion{margin: 2rem 0;}
#accordion h2{margin-bottom:1rem;}


#tabs{border:solid 1px #ccc; border-radius: 5px; color:#333; margin-top:20px;}
#com_solr #tabs{border: 0;}
#tabs.ui-widget{font-size: inherit;}
#tabs h3{margin:0 0 0 0;}
#tabs h4{margin:0 0 5px 0;}
.ui-tabs-nav{margin:2px 2px 0 2px; padding:5px 5px 0 5px; background: #ccc; border-radius: 5px; box-shadow: 0 20px 10px rgba(255,255,255,0.6) inset; border:solid 1px #ccc;}
.ui-tabs-nav li{padding:0; background-color: transparent; border-bottom: 0 none; float: left; list-style: none; position: relative; top: 1px;  white-space: nowrap;}
.ui-tabs-nav li a{display:inline-block; background-color: #999; color:#fff; padding:6px 10px; border-radius: 5px 5px 0 0; font-weight:bold; text-decoration: none; box-shadow:0 0 3px rgba(0,0,0,0.2) inset; margin:2px 2px 0 2px;}
.ui-tabs-nav li a:hover{background-color: #666;}
.ui-tabs-nav li.ui-state-active a{background-color: #333; color:#fff; box-shadow: 0 12px 0 rgba(255,255,255,0.1) inset;}


.ui-multiselect{max-width: 400px; border-radius: 5px; border: 1px solid #D3D3D3; color: #333; background:url(../images/ui/ui-bg_glass_75_e6e6e6_1x400.png) center repeat-x #E6E6E6; text-shadow:0 1px 0 #fff;}
.ui-multiselect:hover{border: 1px solid #999; color: #212121; ;}
.ui-multiselect-menu{background-color:#fff; border:solid 1px #ccc;}
.ui-multiselect-header{background:#2685c8; border-radius: 5px;}
.ui-multiselect-header ul{list-style: none; margin:5px; padding:0;}
.ui-multiselect-header ul::after{content:""; display: block;; clear:both;}
.ui-multiselect-header ul li a{color:#fff; font-size: 0.8rem; font-weight: bold;}
.ui-multiselect-header .ui-multiselect-close {float: right; padding-right: 0; text-align: right;}

.ui-multiselect-checkboxes{margin:0; padding:0; list-style: none;}
.ui-multiselect-checkboxes li{padding:2px;}
.ui-multiselect-checkboxes li:hover{background-color:#3399ff;}
.ui-multiselect-checkboxes li:hover span{color: #fff;}
.ui-multiselect-checkboxes label {padding: 1px 1px; line-height: 1.4;}

.ui-tabs .ui-tabs-nav{padding:5px 5px 0 5px; margin:0; background-color: #ccc;  border: 1px solid #ccc;  border-radius: 5px; box-shadow: 0 20px 10px rgba(255, 255, 255, 0.6) inset; list-style: none;}
.ui-tabs .ui-tabs-nav::after{content:""; display: block; clear:both;}
.ui-tabs .ui-tabs-nav li, .ui-tabs-nav li.ui-state-active{padding:0; display: inline; border-radius: 5px 5px 0 0; background: transparent;}
.ui-tabs .ui-tabs-nav li+li{margin-left: 4px;}
.ui-tabs .ui-tabs-nav li a{display:inline-block; background-color: #999; color:#fff; padding:6px 10px; border-radius: 5px 5px 0 0; font-weight:bold; text-decoration: none; box-shadow:0 0 3px rgba(0,0,0,0.2) inset; margin:0; border: 0;}
.ui-tabs .ui-tabs-nav li a:hover{background-color: #666; text-decoration: none; color: #fff;}
.ui-tabs .ui-tabs-nav li.ui-state-active a{background-color: #333; color:#fff; box-shadow: 0 12px 0 rgba(255,255,255,0.1) inset;}


/*#com_services .ui-widget-content .ui-icon {background-image: url("../images/ui/ui-icons_222222_256x240.png");}
button.ui-multiselect > span.ui-icon.ui-icon-triangle-2-n-s{background-image: url("../images/ui/ui-icons_2685C8_256x240.png");}*/
/*.ui-widget-content .ui-icon, .ui-icon {background-image: url("../images/ui/ui-icons_a8e2f6_256x240.png"); height: 16px; width: 16px; display:inline-block;}*/
.ui-icon-triangle-2-n-s {background-position: -128px -16px;}
.ui-icon-circle-close{background-position: -32px -192px;}
.ui-icon-reverse {background-position: -64px -80px;}
.ui-icon-check {background-position: -64px -144px;}
.ui-icon-closethick {background-position: -96px -128px;}
.ui-icon-plus {background-position: -32px -128px; float: left; margin-right:5px;}

.ui-dialog.ui-widget {}
.ui-dialog .ui-dialog-buttonpane{border: 0; margin: 0;}

/* citation */
.export_citation{text-align:left; margin:15px 0px 20px 0px; color:#333; }
.export_citation .txt{background-color: #e1e1e1; padding:2px; border:solid 1px #cbcbcb;}
.export_citation .txt span{background:url(../images/ico_export_24.png) no-repeat left; display: inline-block; width: 24px; height: 24px;}
.export_citation a{background-color:#0227b1; padding:0 4px; color:#fff; font-weight:bold; font-size: 0.9rem; border-radius:2px; display: inline-block; margin-left: 8px;} /*#2685C8*/
.export_citation a:hover{text-decoration:none; background-color:#156CA9; cursor:pointer;}
.export_citation a#a_selectall{margin: 6px 0 0 0;}

#citation_block.export_citation a, #toc .export_citation a{color: #fff;}


/*mobile switch*/
.mobile-switch{text-align: center; padding: 1.5em 0; font-weight: bold;}
.mobile-switch .btn{display: inline-block; border:1px solid #A0A0A0; border-radius: 4px; padding: 0.5em 1em; background:#fff; background: linear-gradient(to top, #e0e0e0 0%,#ffffff 100%); ;}
.mobile-switch .btn a:active{color:#000;}
.mobile-switch .btn-edp{margin-top: 1em; ;}

/* mod cited_by*/
section.forward article.science{margin-bottom: 2rem}


/* SERVICES */
section.auth-box fieldset{border:0;}
section.auth-box form label{display: flex; margin-bottom: 0.5rem;}
section.auth-box form label.email_confirmation_label {width: 0; height: 0;overflow: hidden;}
section.auth-box form label>div, .auth-login form label>div{min-width: 140px; text-align: right; padding-right: 0.5rem;}
section.auth-box #account_form label>div{text-align: left;}

section.auth-box #country{width: 140px;}
.label-password-inputs input{margin-bottom: 0.5rem;}

.auth-box form{background-color: #f4f4f4; border: 1px solid #d0d0d0; border-radius: 5px; box-shadow: 0 1px 0 #ffffff inset; display: block; padding: 1rem}
.auth-box> h2{background-color: #6281ba; color:#fff; padding: 5px 10px; margin: 0; border-radius: 5px 5px 0 0; font-size: 1rem; border:0;}
.auth-box h2+form{border-radius: 0 0 5px 5px; border-top:0;}
.auth-box fieldset{border:0;}
.auth-box form label{display: flex; margin-bottom: 0.5rem;}
.auth-box form label>div{min-width: 150px; text-align: right; padding-right: 0.5rem;}
.auth-box.auth-box-small{margin: 1rem auto; max-width: 400px;}

.auth-box input:not([type=submit]){border:solid 1px #ccc;}
.auth-box input:not([type=submit]):focus{border:solid 1px #2685c8; box-shadow: 0 0 0px 3px rgba(38, 133, 200, 0.2);}

.label-marketing input{margin-right: 0.5rem;}

/* protected article*/
#protected{background-color: #fff; padding-bottom: 15px;}
#protected section.auth-box.services-login h3{text-align: center;}
#protected .protected-nfo{font-weight: bold; font-size: 1.2rem; color:#db002e;}
#protected .auth-box h3{color: #444;}

/* auth login */
.auth-login form{background-color: #f4f4f4; border: 1px solid #d0d0d0; border-radius: 5px ; box-shadow: 0 1px 0 #ffffff inset; display: block; padding: 5px; text-align: center;}
section.auth-login{border:solid 1px #ccc; padding: 0; margin: 15px 0; border-radius: 5px; background-color: #f0f0f0;}
section.auth-login h2{background-color: #6281ba; color:#fff; padding: 5px 10px; margin: 0; border-radius: 5px 5px 0 0; font-size: 0.9rem;}


/* acepoll */
.acepoll{border-radius: 5px; margin-bottom: 20px;}
.acepoll h2{margin: 0;}
.acepoll form{margin-top: 5px;}
.acepoll form label{display: block; padding: 4px; ;}
.acepoll form label+label{border-top:solid 1px #d4d4d4;}

/*.acepoll form label:nth-child(2n+1){background-color: #f1f1f1;}*/
.acepoll form label:hover{background-color: #cbe9ff; transition: background-color ease 1s; cursor: pointer;}
.acepoll form label input[type="radio"]:checked+span{font-weight: bold;}
.acepoll #poll_links{display: none;}
.acepoll .vote{text-align: center; margin-top: 5px; padding: 8px 0; background-color: #f1f1f1;}
.acepoll .poll-results{padding: 10px;}
.acepoll .poll-results .result-line h3{color:#333; font-size: 1rem; margin: 9px 0 5px 0; font-weight: normal;}
.acepoll .poll-results .result-line div{height: 15px; border-radius: 5px; box-shadow: inset 0px 7px rgba(255,255,255,0.2);}
.acepoll .poll-results .result-line > div{background-color: #fff; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); border-bottom: solid 1px #fff; ;}

/* survey */
#cj-wrapper{border:dashed 2px grey; padding: 5px; border-radius: 5px;}
#sidebar #cj-wrapper{border:solid 2px green; ;}
.sectiontable{border:solid 2px blue;}

/* player */
.player {background-color: #EDEDED; border: 1px solid #D9D9D9; padding: 20px; text-align: center;}


/* placeholder */
::-webkit-input-placeholder,::-moz-placeholder, input:-moz-placeholder {font-size:1rem;}


/* Google Captcha box */
.captcha label{vertical-align:top;}
#dynamic_recaptcha_1{display:inline-block; text-align:center;}

/* metrics-tabs */
#metrics-tabs .toolbar{margin-top:3rem; border-bottom:solid 2px #aaa;}
#metrics-tabs .toolbar button{border:solid 1px #aaa; border-bottom:0; background: transparent; border-radius: 5px 5px 0 0; transition: background ease 500ms; margin-right:0.5rem; padding: 0.25rem 1rem; vertical-align: bottom;}
#metrics-tabs .toolbar button#return{border: solid 1px #fff; border-bottom: 0;}
#metrics-tabs .toolbar button#return::before{content: "  "; font-family: "Awesome"; color: #666;}
#metrics-tabs .toolbar button:hover, #metrics-tabs .toolbar button.active{background: #e5e5e5;  cursor: pointer;}
#metrics-tabs .toolbar button#return:hover{background: transparent; text-decoration: underline;}
#metrics-tabs .toolbar button.active{font-weight: bold;}
#metrics-tabs .panel{margin-top:2rem;}
#metrics-tabs #default{padding-top: 1rem;}


/*popup*/
.popup{border-radius: 5px; margin-bottom: 2rem;}
.popup .header .close{background: #000; border-radius: 2rem; padding:0.1rem 0.5rem; color: #fff; float: right; cursor: pointer; position: absolute; top:-0.8rem; right: -0.5rem;}
.popup .header .close:hover{background: var(--color-main);}
.popup .header{text-align: center; position: relative; padding:0.5rem 0; background: #4f83ac; border-radius: 5px 5px 0 0;}
.popup .header h2{margin:0; padding:0; color:#fff; font-size: 1rem;}
.popup .header .ico-comment{font-size: 1.8rem; margin-right: 0.5rem;}
.popup .content{background: #eee; padding:0.5rem 1rem; border-radius: 0 0 5px 5px; border:solid 1px #dedede; border-top: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);}
.popup .content p{margin:0.5rem;}
.popup .content .c{padding:1rem 0 1rem;}
.popup .content .btn, .popup .content .link{background: #8e4147; padding: 0.5rem 2rem; border-radius: 2rem; text-decoration: none; color:#fff;}
.popup .content .btn:hover, .popup .content .link:hover{opacity: 0.85; transition: all ease 500ms;}

.popup-magique{display: none; max-width: 300px; position: fixed; z-index: 9999; transition: all ease 500ms; right: 2rem; box-shadow: 0 5px 7px 1px rgba(0,0,0,0.2);}



/* JQuery popup & article authors */
/* articles-author line part */
.author-orcid{background: url("../images/orcid_16x16.gif") no-repeat left; padding-left:20px; margin-left: 2px; display:inline-block;}
.author-loading{background: url("../images/loading.gif") no-repeat left bottom; padding:8px 0 0 21px;}
.article-authors .author[data-url]:hover{color:#333399; cursor:default; text-decoration:none;}
.article-authors a:hover{text-decoration:none;}
.etal{color:black; text-decoration:none;}

/* popup part */
/* qtip overrides */
.ui-widget{font-family: inherit;}

.qtip-bootstrap{font-size:0.9rem; color:#333;}
.qtip-bootstrap .qtip-content{padding:0 14px 12px 14px;}
.author-content .orcid{font-family:"Gill Sans W02",Helvetica,sans-serif; font-style:normal; color:#939598; font-size:12px; line-height:18px;}
.author-content .orcid a{text-decoration:none; color:#338CAF;}
.author-content .orcid img, .author-search h4 img{vertical-align:middle; width:16px; height:16px; border:0px none;}
.author-search{line-height:10px;}
.author-search h4{font-size:1rem}
.author-search li{ display:inline;}

.current_doc, .article_doc .current{font-weight:bold;}
.article_pres{font-size:1rem; background-color:#F9F9F9; border:1px solid #C3C8CE; padding:10px; margin-bottom:20px;}

.grey-btn{background:transparent; width:100%; text-align:center;}
.grey-btn span{width:200px; background:#E6E6E6; display:inline-block; border-radius:5px; font:bold 12px/16px Arial; padding:2px 0;}
.grey-btn a{color:#333333;}
.grey-btn a:hover{opacity:0.85; text-decoration:none;}

/**
 * -------------------------------------------------------
 * Shopping cart
 * -------------------------------------------------------
 */

ul.simple{list-style: none;}
ul.simple li::before, .item-page .congres ul li:before{color: var(--color-main); content: "\f0da"; font-family: "Awesome"; margin-right: 0.5rem;}

/* header module */
.header_cart{float: right; margin-right: 1rem; margin-top: 10px;}
.header_cart .cart-counter{display: inline-block; background: #3e73a5; color: #fff; padding: 0.1rem 0.5rem; text-decoration: none;}
.header_cart .cart-counter.hidden{display: none;}
.header_cart a:hover{opacity: 0.85; text-decoration: none;}

/* add remove btn */
.spinner {display: inline-block;opacity: 0;width: 0;-webkit-transition: opacity 0.25s, width 0.25s;-moz-transition: opacity 0.25s, width 0.25s;-o-transition: opacity 0.25s, width 0.25s;transition: opacity 0.25s, width 0.25s;}
.has-spinner.active {cursor: progress;}
.has-spinner.active .spinner {opacity: 1; width: auto;}
.has-spinner.btn.active .spinner {min-width: 20px;}
.btn-add-to-cart{border: solid 1px #e2b74c; background: #f6d88f; background: url("../images/ico_cart.svg") no-repeat 0.5rem 0.5rem, linear-gradient(to bottom, #ffd970 0%, #f0c250 100%); margin: 0.5rem 0; border-radius: 5px; padding: 0.6rem 1.2rem 0.6rem 3.2rem;  text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color:#000;}
.btn-add-to-cart:hover{background: #f6d88f; background: url("../images/ico_cart.svg") no-repeat 0.5rem 0.5rem, linear-gradient(to bottom, #f6d88f 0%, #ecb220 100%); cursor: pointer; text-decoration: none; color: #000;}
.ico-cart::before{content: "\f07a";}

/* ul.cart-products-loaded et qtip*/
.qtip-cart.qtip-default{max-width: 500px; border:solid 1px #ccc; border-radius:5px; padding:0.5rem; background-color: #f4f4f4; line-height: inherit; box-shadow: 1px 2px 7px rgba(0,0,0,0.1); max-height: 400px;  overflow-y: scroll;}
.qtip-cart.qtip-default .shopping-cart-results{margin-bottom: 1rem;}
.qtip-cart.qtip-default .shopping-cart-box h3{margin: 0.5rem 0 1rem 0; font-size: 1rem;}
.qtip-cart.qtip-default .shopping-cart-box > .ico-close{font-size: 1.2rem;}
.qtip-cart.qtip-default a.btn-close-cart{float: right; background-color:#4277AB; color:#fff; text-decoration: none; padding:0.25rem 0.7rem; border-radius: 20px; transition: background-color ease 250ms; position: relative; top: -0.5rem;; font-size: 1.03rem;}
.qtip-cart.qtip-default a.btn-close-cart:hover{background-color: #000;}
.qtip-cart.qtip-default a.btn-close-cart:active{background-color: #000; transition: none;}
.qtip-cart.qtip-default ul.cart-products-loaded li{padding:0.5rem 1rem; margin:0;}
.qtip-cart.qtip-default ul.cart-products-loaded li.cart-article .cart-article-tools b{align-self: flex-end;}

.cart-clear{width:100%; text-align:right; text-decoration:underline}
.cart-agree{font-style:italic}
.cart-products-total{font-size: 1.1rem;}
.cart-products-total a{display: block; background-color:#4277AB; color:#fff; text-decoration: none; text-align: center; margin-top:1rem; padding: 0.5rem; border-radius: 5px; transition: background-color ease 500ms; }
.cart-products-total a:hover{background-color: #000;}

ul.cart-products-loaded{border: solid 1px #ccc; margin:0 0 1rem 0; background-color: #fff; padding:0; list-style: none;}
ul.cart-products-loaded li{padding: 1rem; margin:0;}
ul.cart-products-loaded li+li{border-top:solid 1px #ccc}
ul.cart-products-loaded li.cart-article{display: flex;}
ul.cart-products-loaded li.cart-article .cart-article-title{padding-right: 1rem; flex:1;}
ul.cart-products-loaded li.cart-article .cart-article-title h2{font-size: 1.1rem;}
ul.cart-products-loaded li.cart-article .cart-article-info {padding-right: 1rem;}
ul.cart-products-loaded li.cart-article .cart-article-info b{padding: 0; font-size: 1.05rem; font-weight: normal; margin-right:0.5rem;}

nav.article .buy-box .small{font-size: inherit; line-height: inherit;}

.input-loading{ background-color: #ffffff;background: url("../../source/images/loading_small.gif");background-size: 18px 18px;background-position:right center;background-repeat: no-repeat;}

.flex { display: flex}