/* CSS article - faire le menage pour le full en bas */

#com_article.page #content{float: none;}

/* navigation article */
nav.article{font-family: Verdana, sans-serif; font-size: 11px; float: right; margin-left: 20px; margin-bottom: 10px; width:230px;}
nav.article a{color: black; font-size: 11px}
nav.article a:hover{text-decoration: underline;}
nav.article ul{margin: 0px; padding:2px 0px}
nav.article ul li{margin-left: 0; padding: 1px 10px; margin:0; list-style-type: none; text-align: left}

nav.article .header_title{font-size:13px; font-weight:bold; color:white; text-align:center; background-color:#094eb5; margin: 0px auto; padding: 5px 0px;}
nav.article .header_title a{color:#fff;}

nav.article .module_title{text-align: center; font-weight: bold;  background: url(../images/fond_nav.png) repeat-x top; border:solid 1px #c3c8ce; margin-bottom:5px; border-radius: 5px; box-shadow: 0 2px 0 #aaa}
nav.article .module_title a{display: block; padding: 5px 0; border-radius: 5px;}
nav.article .module_title a:hover{background-color: #eaeaea}

nav.article .module_title2{font-weight: bold;	padding: 5px 0 4px 32px; background-color: #E5E5E5; margin-bottom:5px; border-bottom:solid 2px #aaa; text-transform: uppercase; color:#222; font:bold 12px/16px Arial;}
nav.article .module_background.files .module_title2{background:url(/templates/source/images/iconic/document_alt_stroke_12x16.png) no-repeat 10px 4px #E5E5E5;}
nav.article .module_background.related .module_title2{background:url(/templates/source/images/iconic/sun_fill_16x16.png) no-repeat 8px 4px #E5E5E5;}
nav.article .module_background.stats .module_title2{background:url(/templates/source/images/iconic/bars_16x16.png) no-repeat 8px 4px #E5E5E5;}
nav.article .module_background.servs .module_title2{background:url(/templates/source/images/iconic/spin_16x16.png) no-repeat 8px 4px #E5E5E5;}
nav.article .module_background.bookmark .module_title2{background:url(/templates/source/images/iconic/tag_stroke_16x16.png) no-repeat 9px 5px #E5E5E5;}

nav.article .module_title+.module_background{background-color:#f1f1f1}

nav.article .module_nav{text-align: center; padding: 5px 0;}
nav.article .module_nav a span{display: inline-block; border-width: 5px; border-style: solid;}
nav.article .module_nav a.back span{border-color: transparent #333 transparent transparent; margin-right: 5px}
nav.article .module_nav a.forth span{border-color: transparent transparent transparent #333; margin-left: 5px}

nav.article .module_nav a+a{margin-left: 10px}
nav.article .module_nav a:hover span{text-decoration:none}

nav.article .module_background.files{} 
nav.article .module_background.files ul{} 
nav.article .module_background.files ul li{} 
nav.article .module_background.files ul li a{position: relative;} 
nav.article .module_background.files ul li:not(.active) a:before{content: "- "}
nav.article .module_background.files ul li.active a:before{content: ""; position: absolute; left: 0; top:3px; display: block; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #000;}
nav.article .module_background.files ul li.active a{font-weight: bold; padding-left: 10px} 

nav.article .module_background{ margin-top: 7px; border: solid 1px #c3c8ce; background-color: #f9f9f9;	padding-bottom: 2px; text-align: left; line-height: 16px; border-radius: 2px; outline: solid 6px #fff;}
nav.article .module_background b{color:#333;}
nav.article .module_background .separator{border-bottom: 1px dashed #c3c8ce; font-size:3px; margin:8px 10px; line-height:3px}
nav.article .module_background.related .separator{margin:8px 0;}
nav.article .module_background.related .separator:last-child{display: none;}

nav.article .module_background.bookmark{clear:right;}
nav.article .module_background.bookmark{}
nav.article .module_background.bookmark table{width: 100%}
nav.article .module_background.stats li+li{margin-top: 5px}
nav.article .module_background.stats span{display: inline-block; background-color:#999; font-weight: bold; color:#fff; padding:0 5px; border-radius:2px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset; border-bottom:solid 1px #fff;}
nav.article .module_background p{color:#666; margin:5px 10px; font-size: 90%}
nav.article .module_background.related .articles{padding:8px 10px 10px 10px;}
nav.article .module_background.related .articles+.articles{padding-top: 0}
nav.article .module_background.related .articles+.articles .separator:first-child{margin-top: 0}
nav.article .module_background.related .articles .title{font-weight: bold; color: #444}
nav.article .module_background.related li+li{margin-top: 8px}
nav.article .module_background ul.menu-user{margin:5px 0;}
nav.article .module_background .warning{margin-bottom: 0; margin: 0 5px; background-position: -2px center}
nav.article .stats ul li.altmetrics{margin-bottom: 8px}
nav.article .stats ul li.details{font-size: 90%}

#com_article .special_article{margin-bottom: 10px}

/*encart*/
.summary{padding-top: 5px; border-collapse: collapse; border:0; margin-bottom: 5px; font-family: Verdana, sans-serif; font-size: 11px; background-color: #F9F9F9;	padding: 2px 4px; border: solid 1px #C3C8CE; display: inline-block; max-width: 695px}
.summary th{text-align: left; color:#333; min-width: 150px}
.summary.full{margin-left: 190px; max-width: 505px;}



/*article*/
#com_article{font-size: 11px}
#article h2.title, #article h3.title, #article h2{font: 14px; font-weight:bold; color:#000; text-align: left;}

#article #head{margin-bottom:30px;}
#article #head p{margin:5px 0 0 0; line-height:1.5}
#article #head .art_type{margin-top : 10px 0px; font-style: italic; color: #555555; }
#article #head .art_type.suspended {color:red; font-weight: bold}
#article #head .history {margin-top : 20px;}
#article #head p.bold {font-weight : bold; margin-top : 20px;}
#article #head .aff {padding-top:10px; text-align:left}
#article #head .aff + .bold{margin-top: 20px}
#article #head .corresp {margin-top : 30px;}
#article #head .kword {margin-top : 30px;}
#article #head .related_art{margin:0px; padding:0px;}
#article #head .no_abs {margin-top : 40px;}
#article #head .subtitle {margin-top : -10px; color:#000;}
#contenu-min #head h2{margin-top:25px}

#article .cadre{border:solid 2px #C3C8CE;  padding:10px 15px; margin:25px}



/*open url*/
.open_url_help{color: #0227B1}
.open_url_help:hover{cursor: help; text-decoration: underline;}
#help_bloc{display: none;}
#help_bloc.msg-openurl{font-size:11px;  margin-right: 250px; color:#333; padding:2px 15px; border-bottom: solid 1px #e1e1e0; background-color:#f0f0ef; border-radius:5px;}

/*full html figure*/
#annex{text-align: center;}



/* ???? tout revoir */

.header_toc{border:solid 1px #c3c8ce; background-color:#f9f9f9; padding-bottom:2px}
.title_toc{font-weight:bold; padding-top:3px; text-align:center;}

/*more like this*/
.related button{background-color: #2685C8; border: 0; border-radius: 2px; color: #fff; font: bold 11px/16px Arial; padding: 0 5px; vertical-align: middle; float:right; margin-bottom:10px;}
.related button:hover {background-color: #156CA9; cursor: pointer;}



.free{border: 1px solid #42947B; color: #42947B; font-size: x-small; font-weight: 600; line-height: 18px; padding: 0 2px;}

/* lien in the text pour les ref*/
.ref_inthetext{display:none}

.contenu_principal p {text-align:justify;}

.justify{text-align : justify;}

.article_services{text-align:left;}


span.article_title{font-weight: 600;}
span.article_forthcoming{color: #398C73; font-weight: 600;}

#contenu {margin:0px 50px 0px 190px;}
#contenu p {line-height: 1.5; text-align: justify;}
#contenu dl, #contenu_olm dl{margin-left:15px; padding-left:0; text-align:justify;}
#contenu ul, #contenu_olm ul { margin-left:35px; padding-left:0;}
#contenu li {margin-bottom: 1em; text-align: justify;}
#contenu_olm{margin-right:260px;}



.history {margin-top: 20px;}
.img-equation {display: block; margin-top: 5px; margin-bottom: 10px; text-align: center;}

.img-inline {vertical-align: middle;}


/*bloc gauche full html*/
#bloc ul {list-style: none; margin: 5px 0px; padding: 5px;}
#bloc li {padding:2px 0px; margin-bottom:1em; text-align:left;}
#bloc a {color: black; padding-bottom:2px}
#bloc a:hover {text-decoration: none; font-weight: bold;}

.ligne {display: inline;}
.inset .ligne p {margin-left: 10px; display: inline;}

.img-txt {font-size: 11px; padding: 0px 8px 1px 8px;}
.img-txt img {border: 0px;}
.img-inline img {border: 0px;} 
.in-txt {text-align: center; margin-top: 10px;}
.dash{list-style-image: url("/templates/source/images/dash.png");}
.related_art{ font-style: italic; color: #555555; margin-top :0px; margin-bottom : 30px;}


/*=====   Annexe  =======*/

.img_annex {text-align: center;}
#annex .img_annex video+p, #contenu .inset video+p{text-align: center}
.inset video{margin:auto; display: block}

#annex p{text-align: justify;}
#annex a:hover {text-decoration: none;}

#mainbody .btns{text-align: center}
#mainbody .btns .btn2{display: inline-block; margin:0 5px;}
#mainbody .btn2{display: block; color:white; background:#2685C8 ; width:180px; margin: 5px 0 5px 260px; padding:4px 0; text-align: center; font-weight: bold; text-decoration: none; font-size:10px; border-radius:5px;}
#mainbody .btn2:hover{background:#156CA9}
#mainbody .btn2 span{}

.tab{margin:0px 280px 10px 20px; padding: 20px; background-color: #eeeeee; max-width: 630px; overflow:scroll;}

.contenu_principal h2 {font-size: 16px; text-align: left;}
.contenu_principal li {margin-bottom: 1em; text-align : justify;}
ul.references li, ol.references li{margin-bottom: 1em}

td.align {text-align: "."; color: green;}

.header{font-size : 11px; background-color:#eeeeee; padding: 2px 4px;}

.thumbnail {margin: 0px;}

.figs, .inset  {margin: 20px; padding: 10px; border-top: solid 1px #888; border-bottom: solid 1px #888;	background-color: #eee;}
#annex .inset.img-txt{margin-right:245px;}

.figs .ligne p {margin-left: 10px; display:inline;}

.fm{font-size: 9pt; line-height: 1.5; background-color:#eeeeee; /*max-width:75%*/}

.label-eq{display: block; text-align : right; margin-right : 100px;}

.lienErratum:not(a){color:red; font-weight:bold}


.maroon {color: green;}
.margin {margin-top: 30px;}
.note {margin-top : 20px;}

.bold {font-weight: bold;}
.bold2 {font-weight: bold; margin-top : 30px;}
.bold3 {font-size: 14px; font-weight : bold; margin-top : 30px;}
p.bold span.email{font-weight:normal}
p.bold2 span.email{font-weight:normal}

.smallcaps{font-variant: small-caps}

.pr_hl{display:block; margin-bottom:5px; color:red}
.pr_hl span{color:black}
.pr_hl + .latest{display:block; margin-top:12px}

.p_bg{background-color:#EEEEEE; padding:5px;}

.p-marge{margin-top : 40px;}

ul.references{margin-left: 14px; padding-left: 0}
ul.references li{text-align: left}

.graphical_abstract{margin-top:30px; text-align:center}
.graphical_abstract img{max-width:600px; border:solid 2px #ddd}

.abs_topical{font-weight:bold}

.avatar{float:left; margin:0 20px 10px 0; border: 1px solid #ccc;}

.first_page img{max-width: 700px}

#article blockquote{border-left:solid 3px #ccc; padding-left: 10px; margin-left: 20px; margin-bottom: 20px}

/* resizable */
.resizable {position: relative; display: inline-block;}
.img-equation.resizable {display: block;}
.resizable img {cursor: zoom-in; cursor:-webkit-zoom-in; cursor:-moz-zoom-in;}
.resizable img:hover{opacity: 0.8}
.resizable.resized img {cursor: zoom-out; cursor:-webkit-zoom-out; cursor:-moz-zoom-out;}
.resizable .overlay {pointer-events: none; border-radius: 4px; text-align: center; vertical-align: middle; position: absolute; top: 50%; z-index: 100; background: rgba(0,0,0,0.5); padding: 5px 15px; color: #fff;  display: none;}
.resizable:hover .overlay {display: inline-block;}