/*   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 epl"
    "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: "|";  position: absolute; top:-5px; left: 50%; font-size: 1.1rem;}
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: #f9f9f9; border-bottom: solid 2px #aaa;}
.lign2{background: #fff; border-bottom: solid 2px #aaa;}
.lign3{background: #f9f9f9; 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}
.epl{grid-area: epl}


@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" "epl";
	}

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) {

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

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


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


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

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




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

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

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


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


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

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