/*   FOPEN                  */
/*   G.Drouen   -  12/2016  */


:root{
--color-main: #c11629;  / *f37f25*/
--color-second: #5092c9;	
}

header .header-cover{background: transparent url(../images/fopen/header_fopen.jpg) repeat center center / cover;}
header .header-cover{background: transparent url(../images/fopen/header_fopen.jpg) repeat fixed center top / cover;}

header .header-cover a{display: inline-block; margin: 30px 0 0 30px;}
main .header-bonus{text-align: center; padding: 1rem 0; margin-bottom: 2rem;}
main .header-bonus, main .header-bonus .wrap{background: #eee} 

nav.accueil #front-cover .wrap{text-align: left;}
nav.accueil {background:#eee; margin-bottom: 0; padding-bottom: 2rem;}

.topic{background:#def2e3;}


#com_accueil  #tabs{margin:2rem 0;}
#com_accueil .breadcrumbs{display: none;}
#com_accueil .modListContent-accessibleScience{margin-bottom: 5rem}


.open.flexme{margin:1rem 0; border-bottom: 1px solid #d5dee5;}
.open.flexme > div {flex:1;}
.open.flexme > div > div{padding: 0.5rem 0; display: flex;}

.ico-open::before{content: ""; display:inline-block; width: 1.5rem; height: 1.6rem; background: url(../images/source/logo_open_fopen.svg) no-repeat scroll 0 0 / 1rem auto;}

#accordion ul.simple{margin-right: 1rem;}
#accordion .ui-accordion-content>div{flex: 1;}
#accordion h2:hover{color: var(--color-main);}
#accordion h2.ui-accordion-header-active:hover{color: #fff;}


.experts.flexme{ margin-bottom: 4rem; }
.experts.flexme .editor{position: relative; flex:1; margin-top: 1rem;}
.experts.flexme .editor figure{margin: 0; display: block; width: 150px; height: 200px; background: url(../images/source/anon.png) #eee; z-index: 5; position: absolute; top:0; left: 0;}
.experts.flexme .editor .bio{display: block; width: 150px; height: 200px; background-color: rgba(193,22,41,0.8); position: absolute; top:0; left: 0; z-index: 4; opacity: 0; color: #fff; padding:1rem; box-sizing: border-box; text-align: center; color: #fff; padding-top: 4rem;}    
.experts.flexme .editor .bio strong, .experts.flexme .editor .bio a{color: #fff}
.experts.flexme .editor .bio a{text-decoration: underline;}
.experts.flexme .editor .infos:hover .bio{z-index: 6; cursor: help; transition: opacity ease 500ms; opacity: 1;}
.experts.flexme .editor .link{margin-top: 215px; width: 150px; text-align: center;}

@media screen and (max-width: 1024px){
.experts.flexme{display: block; text-align: center;}
.experts.flexme .infos{text-align: left;}
.experts.flexme .editor {display: inline-block; margin:1rem;}
}

.btn-small{background-color: var(--color-main); border: solid 1px var(--color-main);}
.btn-small:hover{color: #000}

.blog .item h2:not(:first-child){font-size: 1.1rem;}
.blog .item p+h2{margin-top: 0}


/* IE >= 10 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/* --color-main commun*/
a:hover, span.link:hover, a strong:hover, a:hover span.link{color: #f37f25;}
h1{border-bottom: solid 3px #f37f25;}
ul.simple li::before{color: #f37f25;}
.ico-big{background-color: #f37f25; }
.ico-search:hover{color: #f37f25;}
#toc .details h1, #topic .details h1{color: #f37f25;}
#issues nav.years a:hover{background-color: #f37f25;}
nav.article a:hover, nav.article .nav-section.related .articles .title:hover{color: #f37f25;}
nav.article .nav-section.files ul li a:hover{border:solid 1px #f37f25;}
nav.article .nav-section.files ul li a.current_doc{color: #f37f25; border:solid 1px #f37f25;}
nav.nav-buttons a:hover{border:solid 1px #f37f25;}
nav.nav-buttons ul li a.current_doc, nav.nav-buttons ul li.current a{color: #f37f25; border:solid 1px #f37f25;}
#contenu-min #head h2{color: #f37f25;}
.btn-small{background-color: #f37f25;}
.btn-small:hover, .btn2 span:hover{background-color: #f37f25;}
nav.user ul li a.selected{background: #f37f25;}
.ui-widget-content a:hover{color:#f37f25;}
.ui-tabs .ui-tabs-nav li a:hover{ background-color: #fff; color:#f37f25;}
.ui-tabs .ui-tabs-nav li.ui-state-active a{border-bottom:solid 4px #f37f25;}

@media screen and (max-width: 500px){
#tabs.ui-tabs .ui-tabs-nav li.ui-state-active a{border:solid 1px #f37f25; color: #f37f25;}
#tabs.ui-tabs .ui-tabs-nav li a{border:solid 1px #0070bb; color: #0070bb;}
}
#metrics-tabs nav button:hover,#metrics-tabs nav button.active{color: #f37f25; border:solid 1px #f37f25;}
.auth-box >h2{background-color: #f37f25;}
.article-authors .author[data-url]:hover{color:#f37f25; }


/* --color-main template1*/
#menu-mobile.mm-menu li a:hover, .mm-navbar a:hover, #menu-mobile.mm-menu li.parent:hover > span{background-color: #f37f25;}
#menu-mobile.mm-menu li.active a, #menu-mobile.mm-menu li.active span{border-left: 10px solid #f37f25;}
div#search button[type="submit"]:hover {background-color: #f37f25;}
nav.accueil .front-cover-links a{background-color: #f37f25;}
.most_dl_choice li a:hover{border:solid 1px #f37f25;}
.most_dl_choice li.active a{border:solid 1px #f37f25; color: #f37f25;}
.menu.hpside li a::before{color: #f37f25;}
header a:hover{color: #f37f25;}
#menu-mobile.mm-menu li a:hover, .mm-navbar a:hover, #menu-mobile.mm-menu li.parent:hover > span{background-color: #f37f25;}
div#search button[type="submit"]:hover {background-color: #f37f25;}


/* --color-link template*/
div#search button[type="submit"] {background-color: #0070bb;}
.most_dl_choice li a{border:solid 1px #0070bb;}

/* --color-link commun*/
a, .ui-widget-content a, span.link, a strong{color: #0070bb; }
#issues nav.years a, #issues nav.years a:hover{color: #0070bb; }
nav.article a, nav.article span.link, nav.article .nav-section.related .articles .title{color: #0070bb;}
nav.article .nav-section.files ul li a{border:solid 1px #0070bb;}
nav.nav-buttons a{border:solid 1px #0070bb;}
.btn-small{background-color: #f37f25;}
.btn-small, .btn2 span{background-color: #0070bb;}
.btn-big{background-color: #0070bb; }
ul.nav li a, nav.pres ul li a{ background-color: #0070bb;}
.ui-multiselect-header{background:#0070bb;}
#metrics-tabs nav button{border: solid 1px #0070bb; color: #0070bb;}

/* hp  */


}




/* EDGE */
@supports (-ms-ime-align:auto) {

/* --color-main commun*/
a:hover, span.link:hover, a strong:hover, a:hover span.link{color: #f37f25;}
h1{border-bottom: solid 3px #f37f25;}
ul.simple li::before{color: #f37f25;}
.ico-big{background-color: #f37f25; }
.ico-search:hover{color: #f37f25;}
#toc .details h1, #topic .details h1{color: #f37f25;}
#issues nav.years a:hover{background-color: #f37f25;}
nav.article a:hover, nav.article .nav-section.related .articles .title:hover{color: #f37f25;}
nav.article .nav-section.files ul li a:hover{border:solid 1px #f37f25;}
nav.article .nav-section.files ul li a.current_doc{color: #f37f25; border:solid 1px #f37f25;}
nav.nav-buttons a:hover{border:solid 1px #f37f25;}
nav.nav-buttons ul li a.current_doc, nav.nav-buttons ul li.current a{color: #f37f25; border:solid 1px #f37f25;}
#contenu-min #head h2{color: #f37f25;}
.btn-small:hover, .btn2 span:hover{background-color: #f37f25;}
nav.user ul li a.selected{background: #f37f25;}
.ui-widget-content a:hover{color:#f37f25;}
.ui-tabs .ui-tabs-nav li a:hover{ background-color: #fff; color:#f37f25;}
.ui-tabs .ui-tabs-nav li.ui-state-active a{border-bottom:solid 4px #f37f25;}

@media screen and (max-width: 500px){
#tabs.ui-tabs .ui-tabs-nav li.ui-state-active a{border:solid 1px #f37f25; color: #f37f25;}
#tabs.ui-tabs .ui-tabs-nav li a{border:solid 1px #0070bb; color: #0070bb;}
}
#metrics-tabs nav button:hover,#metrics-tabs nav button.active{color: #f37f25; border:solid 1px #f37f25;}
.auth-box >h2{background-color: #f37f25;}
.article-authors .author[data-url]:hover{color:#f37f25; }


/* --color-main template1*/
#menu-mobile.mm-menu li a:hover, .mm-navbar a:hover, #menu-mobile.mm-menu li.parent:hover > span{background-color: #f37f25;}
#menu-mobile.mm-menu li.active a, #menu-mobile.mm-menu li.active span{border-left: 10px solid #f37f25;}
div#search button[type="submit"]:hover {background-color: #f37f25;}
nav.accueil .front-cover-links a{background-color: #f37f25;}
.most_dl_choice li a:hover{border:solid 1px #f37f25;}
.most_dl_choice li.active a{border:solid 1px #f37f25; color: #f37f25;}
.menu.hpside li a::before{color: #f37f25;}
header a:hover{color: #f37f25;}
#menu-mobile.mm-menu li a:hover, .mm-navbar a:hover, #menu-mobile.mm-menu li.parent:hover > span{background-color: #f37f25;}
div#search button[type="submit"]:hover {background-color: #f37f25;}


/* --color-link template*/
div#search button[type="submit"] {background-color: #0070bb;}
.most_dl_choice li a{border:solid 1px #0070bb;}

/* --color-link commun*/
a, .ui-widget-content a, span.link, a strong{color: #0070bb; }
#issues nav.years a, #issues nav.years a:hover{color: #0070bb; }
nav.article a, nav.article span.link, nav.article .nav-section.related .articles .title{color: #0070bb;}
nav.article .nav-section.files ul li a{border:solid 1px #0070bb;}
nav.nav-buttons a{border:solid 1px #0070bb;}
.btn-small, .btn2 span{background-color: #0070bb;}
.btn-big{background-color: #0070bb; }
ul.nav li a, nav.pres ul li a{ background-color: #0070bb;}
.ui-multiselect-header{background:#0070bb;}
#metrics-tabs nav button{border: solid 1px #0070bb; color: #0070bb;}
}