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


:root{
--color-main: #34AC30;
--color-second: #34AC30;	
}

header .header-cover{background: transparent url(../images/ocl/header_ocl.jpg)  fixed center center / cover;}
header .header-cover a{display: inline-block; margin: 30px 0 0 30px;}

nav.accueil{background:#edd194;}

.topic{background:#def2e3;}


.btn-why{background-color: #294e46; color: #fff; text-align: center; font-weight: bold; display: block; padding: 1rem; border-radius: 5px; max-width: 320px;}
.btn-why:hover{color: #fff; opacity: 0.85;}
.item-page .btn-why{display: inline-block;}


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

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


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


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

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




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

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

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


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


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

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