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


:root{
--color-main: #a20015;
--color-second: #a20015;	
}

header .header-cover{background: transparent url(../images/archjphys/header_archjphys.jpg) repeat center top / cover;}
header .header-cover a{display: inline-block; margin: 30px 0 0 30px;}

nav.accueil{background:#ede7dd; display: none;}

.topic{background:#def2e3;}

.hp h1{text-align: center; margin:2rem 0;}


section.history{
	margin:2rem 0;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: repeat(5,auto);
	grid-template-areas: 
    "jphystap jphystap radium radium"
    "jphysrad jphysrad jphysrad jphysrad"
    "jphys jphysap jphyscol jphyslet"
    "jp12 rphysap jp4 ."
    "jp12 jp3 . .";    
}
section.history article{text-align: center; position: relative; padding:1rem 0;}
section.history article h3{margin-bottom: 0;}
section.history article h3+p{margin-top: 0;}
section.history article.child{ position: relative; }
section.history article.child::before{content: "\f0d7";  position: absolute; top:-9px; left: 49%; font-size: 1.5rem; font-family: Awesome; color:#666;}
section.history article figure{}
section.history article figure img{width: 90px; height: 120px; background-color: #fff; border-radius: 5px; display: inline-block; border:solid 1px #ccc;}
section.history article figure figcaption{}

.lign1{background: #f1f1f1; border-bottom: solid 2px #aaa;}
.lign2{background: #fff; border-bottom: solid 2px #aaa;}
.lign3{background: #f1f1f1; border-bottom: solid 2px #aaa;}
.lign4{background: #fff;}
.rphysap{border-bottom: solid 2px #aaa;}

.jphystap{grid-area: jphystap;}
.radium{grid-area : radium}
.jphysrad{grid-area: jphysrad}
.jphys{grid-area:jphys}
.jphysap{grid-area: jphysap}
.jphyscol{grid-area: jphyscol}
.jphyslet{grid-area: jphyslet}
.jp12{grid-area: jp12}
.rphysap{grid-area: rphysap}
.jp3{grid-area: jp3}
.jp4{grid-area: jp4}



@media screen and (max-width: 900px){

.lign1{background: #f1f1f1; border-bottom: 0;}
.lign2{background: #fff; border-bottom: 0;}
.lign3{background: #f1f1f1; border-bottom: 0;}
.lign4{background: #fff;}
.rphysap{border-bottom: 0;}

section.history{
	grid-template-columns: auto;
	grid-template-rows: repeat(12,auto);
	grid-template-areas: "jphystap" "radium" "jphysrad" "jphys" "jphysap" "jphyscol" "jphyslet" "jp12" "rphysap" "jp3" "jp4";
	}

section.history article h3{margin-top: 0;}
section.history article.child::before{content: "";}

}



/* IE >= 10 */

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

body{min-width: 990px}

section.history{
	-ms-display: grid;
	-ms-grid-template-columns: 25% 25% 25% 25%;
	-ms-grid-template-rows: repeat(5,auto);
	-ms-grid-template-areas: 
    "jphystap jphystap radium radium"
    "jphysrad jphysrad jphysrad jphysrad"
    "jphys jphysap jphyscol jphyslet"
    "jp12 rphysap jp4 ."
    "jp12 jp3 . .";    
}

.jphystap{width: 49%; display: inline-block;}
.radium{width:49%; display: inline-block;}
.jphysrad{}
.jphys{width:24%; display: inline-block;}
.jphysap{width:24%; display: inline-block;}
.jphyscol{width:24%; display: inline-block;}
.jphyslet{width:24%; display: inline-block;}
.jp12{width:24%; display: inline-block;}
.rphysap{width:24%; display: inline-block;}
.jp3{width:25%; display: inline-block; margin-left: 24%}
.jp4{width:24%; display: inline-block;}



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

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


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


/* --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;}
}




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

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

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


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


/* --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;}
}