/*  EDP Joomla 3.5  */
/*  g.d.  12/16  */
/*    persephone    */

html{font-size: 105%;}
@font-face {font-family: Awesome; src: url('/assets/fonts/FontAwesome.otf');}


body{margin: 0; padding: 0px; font: 1rem/1.75rem "Open Sans",Arial,sans-serif; background:#2e2e2e;}
.wrap{max-width: 1200px; margin: auto; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 1rem;}



/* generique */
a{color: #174f82; text-decoration: none;}
a:hover{color: #A20015; text-decoration: underline;}
a img:hover{opacity: 0.85;}
h1,h2,h3{color: #333;}
h1{font-size: 1.9rem;line-height:2rem; }
h2{font-size: 1.6rem;}
h3{font-size: 1.35rem;}
.clear{clear: both;}

.missing{background-color: red; color: #fff;}
.b{font-weight: bold;}
.c{text-align: center;}
.r{text-align: right;}
.l{text-align: left;}

.column-2{column-count:2;  column-gap: 1rem; column-break-inside: avoid; break-inside:avoid;}

@media screen and (max-width: 750px){
	.column-2{column-count:1;}
}


/*  header */
#edp-home >header{background: #fff; position: relative;}
#edp-home >header #menu-mobile{display: none;}
.menu-user .wrap{display: flex;}

.menu-lang{background-color: #f2f2f2; border-bottom: solid 1px #e2e2e2; color: #fff; padding-top: 0.25rem; padding-bottom: 0.2rem;}
.menu-lang .wrap{display: flex;}
.menu-lang .mod-languages{flex:1;}
.menu-lang .mod-languages ul{display: flex;}
.menu-lang .mod-languages ul li{margin-left: 0; margin-right: 0.5rem;}
.menu-lang .mod-languages ul li.lang-active{}
.menu-lang .mod-languages ul li a{color: #fff; font-size: 0.8rem;}
.menu-lang .mod-languages ul li span{display: none;}

.menu-lang ul.ico-social{list-style: none;}
.menu-lang .logo{display: none;}
.menu-lang .custom.social{display: flex;}
.menu-lang .custom.social h4{display: none;}
.menu-lang .custom.social .ico-social{margin: 0;}
.menu-lang .custom.social ul.ico-social li a::before{font-size: 1rem; line-height: 1rem; padding: 5px 6px;}
.menu-lang .custom.social ul.ico-social li a.wechat::before{padding: 5px 4px;} /* CV font execption */ 


.header-logo{}
.header-logo a{padding:0; display: inline-block; margin: 9px 0 0 0; position: relative; top: 1px;}
.header-logo a:hover{text-decoration: none; opacity: 0.7;}


a.nav-mobile-link{position: relative; color: #000; font-size:1.1rem; margin: 0 0 0 10px; text-decoration: none; display: inline-block;}
a.nav-mobile-link:hover{text-decoration: none; color: #a20015;}
a.nav-mobile-link::before{content: "\f0c9"; font-family:"Awesome"; padding-right:5px; }

.header-search{align-self: center;}
.custom.search{margin:0 25px 0 0; border-radius: 5px; cursor: text; }
.custom.search.active{border:0; padding-left: 0; margin: 0 30px 0 0 ;}

.ico-search{display: inline-block; padding:1px 0 2px 0; font-size: 1.1rem;}
.ico-search::before{font-family: "Awesome"; font-size:1.2rem; content: "\f002"; padding-right: 5px;}
.ico-search:hover,.ico-search:hover::before{cursor: pointer; color: #a20015;}

.wrap-search{background-color: #f1f1f1; padding:2rem 0;}
#search{overflow: hidden;}
#search.hidden{height: 0;}
#search.active{display: block; height: auto;}


#search form{display: flex; max-width: 1200px; margin:0 auto; padding:0 20px;}
#search input{padding: 5px; flex:1; font-size: 1.3rem; border:0;}
#search button[type='submit']{background-color: #a20015; color: #fff; border: 0;}
#search button[type='submit']:hover{cursor: pointer;}


@media all and (max-width: 670px){
	div#search input{padding: 5px; flex:1; font-size: 1rem;}
}


.menu-user .header-lang-and-mob{display: flex; margin-top: 0; flex-direction: row; align-self: center;}
.menu-user .header-lang-and-mob span:hover{cursor: pointer;}



@media all and (max-width: 750px){
	.menu-user .header-lang-and-mob{flex-direction: row; justify-content: flex-end; padding:10px 0;}
	.menu-user .header-lang-and-mob .nav-mobile-link{margin: 0 0 0 10px;}

	.header-search .custom{flex-direction: row; display: flex; margin-right: 5px;}
	.header-search .custom form{display: flex; flex:1; width: 100%;}
	.header-search .custom form input[type=text]{width: 100%;}

	.menu-user div.mod-languages ul{width: 48px;}
	.ico-search, a.nav-mobile-link, .menu-user div.mod-languages ul a, .menu-user div.mod-languages ul span{font-size: 0.9rem;}

	.header-logo{margin-bottom: 0; padding: 0; align-self: center;}
	.header-logo img{width: 150px;}
	.header-logo a{padding-left: 0;}
}


@media all and (max-width: 500px){
	.header-logo img{width: 100px;}
	.ico-search{font-size: 0;}
}


/* diapo */
.diapo{max-height: 400px; overflow: hidden; }
.diapo-statique{background: url(https://www.edpsciences.org/images/stories/diaporama/00.jpg) transparent top center; background-size: cover;  background-attachment: fixed; min-height: 400px;}
.diapo-statique h2{color: #fff; text-align:center; font-weight: bold; margin: 0; padding: 0; padding-top: 0rem; font-size: 2.2rem; line-height: 2.6rem; text-shadow: 0 0 0.1rem #000, 0 0 0.6rem #000, 0 0 2rem #000;}
.diapo-statique p{color: #fff; text-align:center; margin: 0; padding: 0; padding-top: 1.5rem; font-size: 1.6rem; text-shadow: 0 0 0.1rem #000, 0 0 0.6rem #000, 0 0 2rem #000;}

.hide{display: none;}
.bxslider{transition-timing-function :ease-in; margin-left:0; padding-left: 0; margin: 0;}
.bxslider li{width: 100% !important;}
.bxslider li .caption{position: absolute; top:0px; width: 100%; margin-top: 7rem; z-index: 99;}

.diapo .bx-wrapper{margin: 0; min-height: 100vh;}

.diapo .bx-wrapper img{margin: 0 auto;}
.diapo .bx-wrapper .bx-viewport{background: transparent !important; box-shadow: 0 0 5px transparent; height: 100vh !important;}
.diapo .bx-wrapper .bx-pager, .diapo .bx-wrapper .bx-controls-auto{top: 0;}
.diapo .bx-wrapper .bx-caption{top:0; background:none; width: 100%; margin: 0; text-align: center;}
.diapo .bx-wrapper .bx-caption span{display: inline-block; padding:0.5em; font-weight: bold; font-size: 2rem; margin: 9% 20px 0 20px; text-shadow: 0 0 0.1rem #000, 0 0 0.6rem #000, 0 0 2rem #000;}

.bx-controls{display: none;}
.diapo .bx-wrapper .bx-pager.bx-default-pager a{background-color: #fff; box-shadow: inset 0 0 1px rgba(0,0,0,0.5)}
.diapo .bx-wrapper .bx-pager.bx-default-pager a:hover, .diapo .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #aaa;}




@media all and (max-width: 600px){
	.diapo{max-height: 300px;}
	.diapo-statique{min-height: 300px;}
	.bxslider li .caption{margin-top: 5rem; }
	.diapo-statique h2{font-size: 1.5rem; line-height: 2rem;}
	.diapo-statique p{font-size: 1.2rem;}
}


/* top menu */
.header-menu{align-self: center; flex:1; margin-left: 3rem;}
header nav.menu{}
header nav.menu div.content{display: flex; padding-bottom: 0; max-width: 1200px; margin:0 auto;}
header nav.menu ul{list-style: outside none none; margin: 0; padding: 0;}
header nav.menu a{text-decoration: none; color: #000; font-weight: 800;}

header nav.menu .content > ul{display: flex; flex: 1 1 0;}
header nav.menu .content > ul > li{display: block; margin: 0; padding: 0; position: relative; vertical-align: middle; font-size:1.2rem;}
header nav.menu .content > ul > li >a, header nav.menu .content > ul > li > span.nav-header {display: block; text-align: center; color:#000; margin-right: 25px;}
header nav.menu .content > ul > li:hover >a, header nav.menu .content > ul > li > span.nav-header:hover{color:#a20015; transition: background ease 1s; cursor: pointer; opacity: 0.85;}
header nav.menu .content > ul > li.active > span.nav-header, header nav.menu ul li.current >a, header nav.menu ul li.active >a{color:#a4090a;}
header nav.menu a:active{background-color: rgba(255,255,255,0.4);}
header nav.menu .content a::after{display: none;}


@media all and (max-width: 850px){
a.nav-mobile-link{display: block;}
header nav.menu .nav.menu{display: none;}
header nav.menu div.content{flex-direction:row-reverse}
}


#menu{z-index: 10;}
#menu a:hover, #menu a.mm-next:hover{background-color:rgba(255,255,255,0.1);}
#menu a.mm-next{background-color:rgba(0,0,0,0.2);}

#menu-mobile #mm-0 a, #menu-mobile  #mm-0 span, #menu-mobile li.mm-subtitle a{text-transform: none;}
#menu-mobile .mm-menu .mm-list > li::after{border-color: rgba(255, 255, 255, 0.15);}
#menu-mobile li:hover{background-color: #a20015;}
#menu-mobile .item-181, #menu-mobile .item-275{margin-top: 2rem;}
#menu-mobile .item-181, #menu-mobile .item-183, #menu-mobile .item-186, #menu-mobile .item-275, #menu-mobile .item-276, #menu-mobile .item-278{background-color: #666;}
/*#menu-mobile .item-181 .mm-subopen, #menu-mobile .item-164 .mm-subopen, #menu-mobile .item-199 .mm-subopen, {display: none;}*/
#menu-mobile .mm-subopen{display: none;}

#menu-mobile .mm-list li.active a{border-left: solid 10px #a20015; background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0}
#menu-mobile .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span{margin-right: 0;}

#menu-mobile .item-133, #menu-mobile .item-149, #menu-mobile .item-157, #menu-mobile .item-267, #menu-mobile .item-264, #menu-mobile .item-265{background: #333;}
#menu-mobile .item-164, #menu-mobile .item-246{margin-top: 2rem;}


#menu-mobile .item-309, #menu-mobile .item-311{margin-top: 2rem; border-left: solid 5px #fd850a;}
#menu-mobile .mm-list li.item-309.active a, #menu-mobile .mm-list li.item-311.active a{border:0;}


.breadcrumbs{padding-top: 0; margin: 0 0 0 20px; padding-top: 5px;}


/* services */
#services{padding: 0 0 30px 0; margin-top: 2rem;}
#main  #services .wrap{display: flex; justify-content: center;}
#services .wrap ul{list-style: none; display: flex; flex:1; margin: 0; padding: 0; text-align: center;}
#services .wrap ul li{display: flex; flex:1; flex-direction: column;}
#services .wrap ul li p{line-height: 1.5rem; padding-right: 10px; margin-top: 5px; font-size: 0.9rem;}
#services .wrap ul li p+p{margin-top: 0}
#services .wrap ul li p a{font-weight: normal; display: inline-block; border:solid 1px #ccc; padding: 5px 10px; font-size: 0.9rem;}
#services .wrap a span.title{color:#333; font-size: 1.1rem;  transition: transform 1s ease 0s; display: flex; flex-direction: column; text-decoration: none;}
#services .wrap a span.txt{color: #333}
#services .wrap a span.title:hover, #services .wrap a span.txt:hover, #services .wrap a:hover, #services .wrap a:hover span.title, #services .wrap a:hover span.txt{text-decoration: none; transition: all ease 500ms; color:#a4090a;}
#services .wrap a span.ico::before{display: inline-block; margin: 0 auto; padding-bottom: 1rem; font-family: "Awesome"; font-size: 2.5rem; color:#a4090a;}
#services .wrap a span.txt{font-size: 1rem; font-weight: normal; font-size: 0.9rem; display: none;}



#services .wrap li.authors span.ico::before{content: "\f040";}
#services .wrap li.librarians span.ico::before{content: "\f02d";}
#services .wrap li.societies span.ico::before{content: "\f19c";}


@media all and (max-width: 670px){
#services .wrap{flex-direction: column; padding:0 10px;}
#services .wrap ul{text-align: left; flex-direction: column; justify-content: flex-start;}
#services .wrap ul:first-child li a{padding-bottom: 20px;}
#services .wrap ul li{justify-content: flex-start; padding: 0.5rem 0;}
#services .wrap ul li a span{align-self: center;}
#services .wrap a span.title{flex-direction: row; padding: 0;}
#services .wrap a span.ico{width: 4rem;}
#services .wrap a span.ico::before{margin: 0; font-size: 2rem; position: relative; top:8px;}
#services .wrap ul li:nth-child(2){border-top: solid 1px #ccc; border-bottom: solid 1px #ccc}
#services .wrap ul:first-child li a{padding:0;}
}


#main {background: #fff; padding: 0 0 2rem 0;}
#main.hp {background: #fff; padding: 0;}
#main.hp .wrap{display: flex; padding-top: 30px; padding-bottom: 30px; flex-direction: column;}
#main .wrap.item{flex-direction: row;}
#main .wrap.item .main{flex:1;}


#main.hp .custom.about,  #main.hp .custom.edpopen{background: #fff;}
#main.hp .hp-news , #main.hp .custom.partners {background: #f4f5f5; border-bottom: 1px solid #e9e9e9;  border-top: 1px solid #e9e9e9;}
#main.hp .custom.about, #main.hp .custom.edpopen,  #main.hp .custom.partners{border-bottom: 0}
#main.hp .custom.partners, #main.hp .custom.edpopen, #main.hp .custom.history{padding: 2rem 0;}
#main.hp .custom.history p, #edp-home > footer ul li a{font-size: 0.9rem;}

@media all and (max-width: 1180px){
	#main .wrap, .wrap{padding-left: 20px; padding-right: 20px;}
}

@media all and (max-width: 800px){
	#main .wrap{flex-direction: column; }
	#main .main{padding-right: 0;}
}

#main.hp .hp-news .hp-news-wrap{display: flex; max-width: 1200px; margin: 0 auto; padding:20px 20px 30px;}
#main.hp .hp-news .hp-news-wrap .hp-news-module{width: 100%; flex:1;}
#main.hp .hp-twitter{margin-top: 40px; flex:1;}


.custom.domains{background-color: #f4f5f5; border-bottom:1px solid #e9e9e9;}
.custom.domains .wrap{justify-content: center;}
.custom.domains p{color: #333; text-align: center; max-width: 75%; margin: auto;}


#main .custom.about .wrap{display: block; padding-top:0; padding-bottom: 0;}
.custom.about{background: #fff; padding-top: 1rem;}
.custom.about h2{margin-bottom: 0; margin-top: 0;  text-align: center; font-size: 1.8rem;}

@media all and (max-width: 1180px){
	.custom.about p{max-width: 100%;}
}


#main .custom.edpopen .wrap{display: block;}
.custom.edpopen{background:#1e5799; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #00aec9 0%, #1e5799 33%) repeat scroll 0 0;}
.custom.edpopen h2{margin-bottom: 5px; font-size: 1.2rem; font-weight: 600;}
.custom.edpopen p{margin-top: 10px;}

#main .custom.edpopen .flexme{display: flex; flex-direction: row;}
#main .custom.edpopen .flexme >a{flex: 0 0 30%; text-align: center; align-self: center;}


@media all and (max-width: 800px){
	#main .custom.edpopen .flexme{flex-direction: column;}
}

/* archives */
.flexme-figure{}
.flexme.flexme-figure >figure{flex: 0; margin: 0.5rem 1.5rem 0.5rem 0;}
.flexme.flexme-figure >div::nth-child(2){flex: 1}

/* masterclass */


/* since 1920 */
#main .custom.history{background: #666; border-top:solid 2px #fff;}
#main .custom.history .wrap{flex-direction: row-reverse; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#main .custom.history .wrap h2{font-size: 1.2rem;}
#main .custom.history .wrap a{color: #fff;}

.custom.history figure{flex: 0 0 30%; margin: 0;}
.custom.history figure img{border: 0; width: 180px;}
.custom.history figure{text-align: center;}

.custom.history h2, .custom.history figure figcaption, .custom.history p{color: #fff;}
.custom.history h2{margin-bottom: 0; }
.custom.history p{}

@media all and (max-width: 650px){
	#main .custom.history .wrap{flex-direction: column;}
	.custom.history figure{float: none; margin: 0; text-align: center;}
}






.pagination{clear: both; text-align: center;}
.pagination ul{list-style: none; margin: 0; padding:0;}
.pagination ul li{display: inline-block;}
.pagination ul li a, .pagination ul li span, .pager.pagenav li a{display: inline-block; padding:0.25em 1em; color: #fff; background: #174f82; margin: 0.5em 0.25em; border-radius: 0.5em;}
.pagination ul li a, .pager.pagenav li a{color: #fff; background: #174f82; text-decoration: none;}
.pagination ul li a:hover, .pager.pagenav li a:hover{background: #a20015;}
.pagination ul li span{background: #eee; color:#333;}

.pager.pagenav{list-style: none; display: flex; margin: 25px auto 0; justify-content: center; border-top:solid 1px #ccc; padding-top: 10px;}
.pager.pagenav li{}
.pager.pagenav li::before{display: none;}


.custom.news-title h2{margin-bottom: 15px; margin-top: 40px; font-size: 1.2rem; font-weight: 600;}
.custom.news-title h2 a{color: #333;}
.custom.news-title h2 a:hover{color: #a20015; text-decoration: none;}
.custom.news-more{margin: 15px 0 20px 0;}
.custom.news-more a{border:solid 1px #ccc; padding:5px 20px; color: #a20015}
.custom.news-more a:hover{background-color: #a20015; color: #fff; border:solid 1px #a20015; text-decoration: none; transition: all ease 500ms; }



.news-archives{display: none;}
.blog+.news-archives{display: block; text-align: center; margin: 0 0 2rem 0;}

.category.table{border-collapse: collapse; width: 100%; margin-top: 2rem;}
.category.table tr:nth-child(2n+1) td{background-color: #eee;}

.content-category h1{padding: 2rem 0; margin: 0; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #00aec9 0%, #1e5799 33%) repeat scroll 0 0;
    color: #fff; text-align: center;}

@media all and (max-width: 1200px){
	.content-category h1{}	
}


/* news */
.minifrontpage-default .mfp-introtitle{font-weight: normal; margin-top: 0.5rem}
.minifrontpage-default .mfp-introtitle{min-height: 80px}
.minifrontpage-default .mfp-introtitle a{color: #000;}

.minifrontpageid figure:hover + h3 a, .minifrontpage-default .mfp-introtitle a:hover{color:#a4090a; text-decoration: none;}

#minifrontpage-147 .minifrontpageid, #minifrontpage-193 .minifrontpageid{display: flex; flex-direction: row;}
#minifrontpage-147.minifrontpage-default figure, #minifrontpage-193.minifrontpage-default figure{float: none; border: solid 1px #eee; text-align: center; margin:0 auto; background-color: #fff;}
#minifrontpage-147.minifrontpage-default figure img, #minifrontpage-193.minifrontpage-default figure img{display: block; margin: 0 auto; border:0}
#minifrontpage-147.minifrontpage-default .mfp-table-cell p, #minifrontpage-193.minifrontpage-default .mfp-table-cell p{line-height: 1.5rem;}
#minifrontpage-147.minifrontpage-default .mfp-table-cell p strong, #minifrontpage-193.minifrontpage-default .mfp-table-cell p strong{font-weight: normal;}
#minifrontpage-147.minifrontpage-default .mfp-table-cell-inner, #minifrontpage-193.minifrontpage-default .mfp-table-cell-inner{margin-right: 30px;}
#minifrontpage-147.minifrontpage-default .clrfix,#minifrontpage-193.minifrontpage-default .clrfix{border: 0;}

@media all and (max-width: 1100px){
	#minifrontpage-147 .minifrontpageid, #minifrontpage-193 .minifrontpageid{flex-direction: column;}
	#minifrontpage-147.minifrontpage-default figure, #minifrontpage-193.minifrontpage-default figure{/*float: left;*/ margin: 0 10px 10px 0;}
	#minifrontpage-147.minifrontpage-default .mfp-table-cell-inner, #minifrontpage-193.minifrontpage-default .mfp-table-cell-inner{margin-right: 0;}
	#minifrontpage-147.minifrontpage-default .clrfix, #minifrontpage-193.minifrontpage-default .clrfix{margin-bottom: 20px; border:dashed 1px #ccc}
}

@media all and (max-width: 800px){
	#main.hp .hp-news .hp-news-wrap{flex-direction: column;}
	#minifrontpage-147.minifrontpage-default .clrfix, #minifrontpage-193.minifrontpage-default .clrfix{margin-bottom: 20px; border:dashed 0px #ccc}
	.mfp-table-cell-inner{display: flex; flex-direction: column; text-align: center;}
	.minifrontpage-default .mfp-introtitle{margin-top: 0}
	#minifrontpage-147.minifrontpage-default figure, #minifrontpage-193.minifrontpage-default figure{margin-right: 0}
}

@media all and (max-width: 600px){
	#minifrontpage-147.minifrontpage-default figure img, #minifrontpage-193.minifrontpage-default figure img{width: 100%;}
}

.item-image+div>p{margin-top: 0}


/* articles */
.wrap-item-page h1{color:#333; line-height: 1.5em; font-size: 1.4em; margin:1.3rem 0 0.2rem 0; padding-bottom: 0;}
.item-page h2{/*color:#a20015;*/ border-bottom:solid 1px #e2e2e2; padding-bottom: 1rem; margin-bottom: 0.5rem;}
.item-page p+h2, .item-page ul+h2{margin-top: 2.5rem;}
.item-page h3, .item-page h4{margin-bottom: 0; margin-top: 2rem;}

.item-page ul{list-style: none;}
.item-page ul li{position: relative; padding: 2px 10px;}
.item-page ul li::before{content: ""; position: absolute; left: -14px; top: 14px; border-style: solid; border-width: 5px; border-color: transparent transparent transparent #a20015; }
.item-page ul.list li li::before{content: "\f105"; position: absolute; left: -10px; top: 3px; border: none; font-family: "Awesome"; color: #a20015}

.item-page ul.no-list li::before{display: none;}

@media all and (max-width: 800px){
	.item-page ul.list{padding-left: 1rem;}
}



.article-info{margin: 0}
.article-info dt{display: none;}
.article-info dd{margin: 0; font-size: 0.8rem; color: #666}


/* flexme */
.flexme{display: flex;}
.flexme>figure{flex: 1; text-align: center;}
ul.flexme>li{flex: 1;}


.flexme.flexme-11{}
.flexme.flexme-11 > div{flex:1;}
.flexme.flexme-11 > div:nth-child(1){margin-right: 1rem}
.flexme.flexme-11 > div:nth-child(2){margin-left: 1rem}

@media all and (max-width: 950px){
	.flexme.flexme-11{flex-direction: column;}
	.flexme.flexme-11 > div{margin: 1rem 0}
}


.flexme.article-items{}
.flexme.article-items article{flex:1;}
.flexme.article-items article{margin: 0 1rem;}
.flexme.article-items article:nth-child(1){margin-left: 0;}
.flexme.article-items article:last-child{margin-right: 0;}
.flexme.article-items article figure{float: none; text-align: center; margin: 0;}
.flexme.article-items article figure img{width: 100%;}
.flexme.article-items article h3{margin-top: 1rem; font-size: 1rem;}

@media all and (max-width: 800px){
	.flexme{flex-direction: column;}
	.flexme>figure{margin:0.5rem 0;}
	.flexme.contacts article{margin-top: 25px;}
	ul.flexme>li{margin-top: 1rem;}
}

.flexme-2ul{display: flex; flex-direction: row; justify-content: center;}
.flexme-2ul ul{list-style: none; margin: 0; padding: 0; text-align: center; display: flex;}
.flexme-2ul ul li{text-align: center; display: inline-block; vertical-align: top; flex: 1; justify-content: center;}
.flexme-2ul ul li::before, .flexme-2ul ul li a::after{display: none;}
.flexme-2ul ul li figure{width: 150px; margin: 0.5rem auto; float: none;}
.flexme-2ul ul li figure img:hover{opacity: 0.8;}

@media all and (max-width: 1200px){
	.flexme-2ul{flex-direction: column;}

	.flexme.article-items{flex-direction: column;}
	#main .flexme.article-items article{display: flex; margin: 1rem 0;}
	.flexme.article-items article figure{margin: 0 1rem 0 0;}
	.flexme.article-items article figure img{width: auto;}
	.flexme.article-items article h3{margin-top: 0;}
}



@media all and (max-width: 600px){
	.flexme-2ul{display: flex; flex-direction: row;}
	.flexme-2ul ul{display: block;}
	.flexme-2ul ul+ul{margin-top: 0;}
	.flexme-2ul figure{margin: 5px;}

	#main .flexme.article-items article{flex-direction: column;}
}


.flexme.contacts{margin-top: 2rem;}
.flexme.contacts article{flex:1; text-align: center; display: flex; flex-direction: column;}
.flexme.contacts article figure{margin: 0;}
.flexme.contacts article figure img{width: 150px; height: 150px; background-color: #eee; border-radius: 15px; display: inline-block;}
.flexme.contacts article h4{margin: 0;}
.flexme.contacts article h4+p{margin-top: 0.5rem;}


.flexme.contacts2{margin-top: 2rem; display: flex;}
.flexme.contacts2 article{text-align: center;}
.flexme.contacts2 article figure{}
.flexme.contacts2 article figure figcaption{width: 150px;}
.flexme.contacts2 article figure figcaption h4, .flexme.contacts2 article figure figcaption p{}

.flexme.contacts2 article figure img{width: 150px; height: 150px; background-color: #eee; border-radius: 15px; display: inline-block; /*filter: grayscale(100);*/ transition: all ease 3000ms;} /* chrome agnes */
.flexme.contacts2 article h4{margin: 0; font-size: 0.8rem; line-height: 1.3rem;}
.flexme.contacts2 article h4+p{margin-top: 0; font-size: 0.8rem; line-height: 1.3rem;}



@media all and (max-width: 1255px){
	.flexme.contacts2{display: block; text-align: center;}
	.flexme.contacts2 article{display: inline-block; margin: 0; vertical-align: top;}
}


@media all and (max-width: 800px){
	.flexme.contacts2 article{margin: 1rem;}
}


.flexme.founded{}
.flexme.founded >div{flex: 1; justify-content: center;}
.flexme.founded >div{display: flex;}
.flexme.founded >div figure{flex: 1; text-align: center;}
.flexme.founded >div figure img{border-radius: 15px;}




@media all and (max-width: 1200px){
	.flexme.founded{flex-direction: column;}
}

@media all and (max-width: 650px){
	.flexme.founded >div{flex-direction: column;}
}


.flexme-2div{display: flex; flex-direction: row;}
.flexme-2div >div{display: flex; flex-direction: row; flex: 1;}

@media all and (max-width: 1000px){
	.flexme-2div >div{flex-direction: column;}
}

@media all and (max-width: 550px){
	.flexme-2div{flex-direction: column;}
}

figure, .pull-left{float: left; margin: 0 1.5rem 0.5rem 0;}
figure img, .pull-left img{border:solid 1px #eee;}
figure.c{float: none; margin: 0 auto; text-align: center;}

figure.r{float: right; margin:1rem;}
figure.r img{border:0;}
figure.r figcaption{text-align: left;}
figure.r figcaption.c{text-align: center;}

figure figcaption{color: #666; font-size: 0.8rem; line-height: 1.3rem;}
h2+figure{margin-top: 1rem;}
h3+figure{margin-top: 0.5rem;}

@media all and (max-width: 650px){
	.pull-left, figure.r{float: none; margin: 1rem auto; text-align: center;}
	figure.r figcaption{text-align: center;}
	.pull-left img{width: 100%}
}

@media all and (max-width: 450px){
	figure, figure.r, figure.l{float: none; margin: 0 auto; text-align: center;}
	figure img, figure.r img, figure.l img{max-width: 100%;}
}


.flexme.flexme-fig-ul{display: flex; flex-direction: row-reverse;}
.flexme.flexme-fig-ul > div{flex: 1}
.flexme.flexme-fig-ul > figure{flex-grow: unset; margin:1rem;}

@media all and (max-width: 850px){
	.flexme.flexme-fig-ul{flex-direction: column;}
}


table.table{margin: auto; border:solid 1px #ddd;}
table.table tr td, table.table tr th{padding: 5px 10px; border:solid 1px #ddd;}
table.table tr th{background-color: #f5f5f5;}

.clearfix{clear: both;}
.blog .page-header h2{margin: 1.3rem 0 0.2rem 0;}
.blog .page-header h2 a{font-size: 1.4rem; text-decoration: none; line-height: 1.5em;}
.items-row{border-top:dashed 2px #ccc;}
.items-row:first-of-type{border:none;}

blockquote{border:none; border-radius: 0; margin: 20px 0 10px 0; padding: 0.5rem 1.5rem; background-color: #f1f1f1; font-style: italic; position: relative;}
blockquote p:first-child::before{position: absolute; content: "\f10d"; font-family: 'Awesome';  display: block; top: -0.5rem; left: -0.5rem; color: #fff; background: #a20015; border-radius: 2rem; padding: 0.2rem 0.6rem;}
blockquote p:last-child::after{content: '"'; }
blockquote+p.r{margin-top: 0.5rem}
blockquote+p.r::before{content: "\f007"; font-family: 'Awesome'; padding-right: 0.25rem; color:#666;}


.col3{column-count: 3; -moz-column-count:3; -webkit-column-count:3;}
@media all and (max-width: 800px){
	.col3{column-count: 1; -moz-column-count:1; -webkit-column-count:1;}
}

.readmore{text-align: right;}

.item p a[href$="pdf"][target=_blank]::after, .item-page p a[href$="pdf"][target=_blank]::after,.item li a[href$="pdf"][target=_blank]::after, .item-page li a[href$="pdf"][target=_blank]::after{content: "\f1c1"; font-family: "Awesome"; font-size:1.3rem; font-style: normal;}
.mm-menu a[target=_blank]::after,.item p a[target=_blank]::after, .item-page td a[target=_blank]::after, .item-page p a[target=_blank]::after, .item li a[target=_blank]::after, .item-page li a[target=_blank]::after{content: "\f08e"; font-family: "Awesome"; padding:0 0.2rem 0 0.4rem; font-size:90%; font-style: normal;}
.mm-menu a[target=_blank]::after{font-weight: 400;}

article.item{clear: both; border-bottom: 1px dotted #aaa; padding-bottom: 1rem;}
article.item h3{margin-bottom: 0.5rem;}
article.item h3+p{margin-top: 0;}
article.item figure{}
article.item figcaption, figure.illus figcaption{width: 300px; text-align: center;}
article.item::after{content: ''; clear: both; display: block;}

@media all and (max-width: 600px){
article.item figure, figure.illus{float: none; margin: 0 auto; text-align: center;}
article.item{padding-top: 2rem;}
article.item:first-child{padding-top: 0;}
article.item figure+h3{margin-top: 1rem;}
}




/* anchors */
nav.anchors{}
nav.anchors ul{margin: 0 0 30px 0; padding:0;}
nav.anchors ul li{padding:2px 2rem;}
nav.anchors ul li:nth-child(2n+1){background-color: #f7f7f7;}
nav.anchors ul li::before{display: none;}
nav.anchors ul li a{font-size: 0.9rem; line-height: 1.5rem; font-weight: bold; position: relative;}
nav.anchors ul li a::before{content: "\f105"; font-family: "Awesome"; top:-2px; left: -1rem; position: absolute; transition: transform ease 500ms;}
nav.anchors ul li a:hover::before{transform: rotate(90deg); transition: transform ease 500ms;}




/*ico*/
.item-page span.ico::before{font-family: "Awesome"; font-size: 1.5rem; display: inline-block; margin-right: 15px;}
span.ico-submit::before{content: "\f090"; transform: rotate(-90deg);}
span.ico-fax::before{content: "\f1ac";}
span.ico-email::before{content: "\f1fa";}
span.ico-mail::before{content: "\f003";}
span.ico-europe::before{content: "\f0ac";}
span.ico-fast::before{content: "\f0e7";}
span.ico-exp::before{content: "\f006";}
span.ico-relation::before{content: "\f0c1";}
span.ico-marketing::before{content: "\f0a1";}

ul.icons{margin:0; padding: 0 3rem 0 0; flex: 1;}
ul.icons li::before{display: none;}
ul.icons li{padding: 0.5rem 0;}
ul.icons li span::before{width: 2rem; text-align: center;}


/* msg */ 
.msg{padding: 0.5rem 1rem; margin: 30px 0 50px 0; display: flex; border-radius: 2px;}
.msg a{font-weight: bold;}
.msg >div{flex: 1; margin-top: 0.2rem;}
.msg >div p{margin: 0; padding: 0;}
.msg-info{background-color:#cde9f7;}
.msg span.ico-info::before{content: "i"; background-color: #3d7bac; padding: 0.25rem 0.85rem; border-radius: 3rem; color: #fff; font-family: Georgia, sans-serif; font-weight: bold;}
sup.nfo{cursor: help;}

.updated{text-align: right; font-size: 0.85rem; color: #333;}

.back-top{text-align: right; margin: 1rem 0 0 0; padding:0;}
.back-top a{position: relative;}
.back-top a::before{content: "\f106"; font-family: "Awesome"; top:-2px; left: -1rem; position: absolute; transition: transform ease 500ms;}
.back-top a:hover::before{top:-10px; transition: top ease 500ms;}

ul.orga{display: flex; margin: 20px 0; padding: 0; flex-direction: column; max-width: 800px; margin:0 auto;}
ul.orga li{text-align: center; margin-top: 1rem; padding: 1rem; box-sizing: content-box; color:#333; justify-content: center; position: relative; background: #f1f1f1; border-radius: 2px;}
ul.orga li.parent{padding: 0; border: 0; margin-top: 0; background: transparent;}
ul.orga ul{margin: 0; padding:0; display: flex; flex-direction: row;}
ul.orga li::before{border: none; content: "\f107"; font-family: "Awesome"; font-weight: bold; left: 49.4%; top:-1.5rem; color: #333;}
ul.orga >li:first-child::before, ul.orga li.parent::before{display: none;}
ul.orga >li{flex:1; align-self: center; width: 100%;}
ul.orga >li ul li{width: 100%;}
ul.orga >li ul li:nth-child(1){margin-top: 15px;}
ul.orga >li ul li:nth-child(2){margin-left: 15px;}
ul.orga >li:nth-child(1) a:after{display: none;}

ul.orga-grad li:nth-child(1){border: solid 1px #31956f; }
ul.orga-grad li:nth-child(2){border: solid 1px #318183; }
ul.orga-grad li:nth-child(3){border: solid 1px #326895; }
ul.orga-grad li:nth-child(4){border: solid 1px #455495; } 
ul.orga-grad li li:nth-child(1), ul.orga-grad li li:nth-child(2){border: solid 1px #584594;}

ul.orga-bonus{display: flex; flex-direction: row; margin-top: 20px;}
ul.orga-bonus li{border-radius: 20px; border: solid 1px #584594; margin-top: 0;}
ul.orga-bonus li:nth-child(1){margin-right: 10px;}
ul.orga-bonus li:nth-child(2){margin-left: 10px;}
ul.orga-bonus li:only-child{margin:0;}
ul.orga-bonus li::before{display: none;}


/**/

.item-page .faq-title{background: url("https://www.edpsciences.org/templates/edp2/images/logo_oa3.png") #e0d9d3 2rem center no-repeat; padding:4rem; text-align: center; margin-bottom: 2rem;}


/* faq / accordion */
#faq{}
#faq .ui-accordion-header{border:solid 1px #ccc; background-color: #f7f7f7; border-radius: 5px; padding: 0.5rem 1rem; margin-top: 2rem}
#faq .ui-accordion-header:hover{cursor: pointer; background-color: #fff;}
#faq .ui-accordion-header.ui-state-default span::before{content: "\f107"; font-family: "Awesome"; margin-right:1rem;}
#faq .ui-accordion-header.ui-accordion-header-active span::before{content: "\f106"; font-family: "Awesome"; margin-right:1rem;}

#faq .ui-widget-content{border:0;}
#faq.ui-accordion .ui-accordion-content{padding: 1rem 0}

#faq figure{float: none; border:0;}
#faq figure img{border:0;}
#faq figure.illus{border: solid 1px #ccc; padding:1rem;}
#faq .ui-accordion-content > ul > li{margin-top: 2rem}
#faq ul li figure{margin-top: 0; margin-left: 0}
ul.faq li{margin-bottom: 1.5rem}
ul.faq li h3{margin-top: 0}



/*hp partners*/
.custom.partners{}
.custom.partners p{text-align: left; font-weight: 600; margin-top: 0; margin-bottom: 1.5rem; font-size: 1.2rem; color:#333;}
.custom.partners .flexme-2ul ul li figure img{border: 0; }

.custom.partners ul{list-style: none; display: inline; text-align: center; margin:0; padding: 0}
.custom.partners ul li{display: inline-block;}

.custom.partners figure a{display: block; width: 135px; height: 60px; background-image:url(https://www.edpsciences.org/templates/edp2/images/sprite_members.png); box-shadow: 1px 1px 0 1px rgba(128,128,128,0.2);}
.custom.partners figure a:hover{opacity: 0.85;}
.custom.partners a.img-alpsp{background-position: 0 0;}
.custom.partners a.img-oaspa{background-position: -135px 0;}
.custom.partners a.img-stm{background-position: -270px 0;}
.custom.partners a.img-cope{background-position: -405px 0;}
.custom.partners a.img-crossref{background-position: -540px 0;}
.custom.partners a.img-counter{background-position: -675px 0;}
.custom.partners a.img-orcid{background-position: -810px 0;}
.custom.partners a.img-doaj{background-position: -945px 0;}
.custom.partners a.img-sla{background-position: -1080px 0;}
.custom.partners a.img-liber{background-position: -1215px 0;}

/*
@media all and (max-width: 800px){
	.custom.partners ul{display: inline;}
}*/

/* faq / accordion */
#faq{}
.ui-accordion-header{border:solid 1px #ccc; background-color: #f7f7f7; border-radius: 5px; padding: 0.5rem 1rem;}
.ui-accordion-header:hover{cursor: pointer; background-color: #fff;}
.ui-accordion-header.ui-state-default span::before{content: "\f107"; font-family: "Awesome"; margin-right:1rem;}
.ui-accordion-header.ui-accordion-header-active span::before{content: "\f106"; font-family: "Awesome"; margin-right:1rem;}

/* special */
table.cupmove {border-collapse: separate; margin: auto;}
table.cupmove tr th, table.cupmove tr td {padding: 5px 10px;}
table.cupmove tr th {background-color: #a30a0b; color: #fff;}
table.cupmove tr td {background-color: #eee;}

.tooltip{visibility: hidden;}

/* footer */
#edp-home > footer{background-color: #2E2E2E; color: #fff; padding: 2rem 0;}
#edp-home > footer .wrap{display: flex; }
#edp-home > footer .wrap >div, #edp-home > footer .wrap >ul.nav{flex:1;}
#edp-home > footer h2, #edp-home > footer .nav-header, #edp-home > footer .pretext {margin-bottom: 0; margin-top: 25px; font-weight: 600; display:block; font-size: 1rem; color:#fff;}
#edp-home > footer .nav-header {display: block; margin-bottom: 10px;}
#edp-home > footer ul{list-style: none; margin: 10px auto 20px auto; padding: 0;}
#edp-home > footer ul.nav{margin-top: 0;}
#edp-home > footer ul li{padding: 0;}
#edp-home > footer ul li a{color: #fff;}
#edp-home > footer ul li a:hover{text-decoration: none; color: #fff; opacity: 0.8;}

#edp-home > footer .logo{opacity: 0.8;}
#edp-home > footer .logo:hover{opacity: 1;}

.mod-languages{}
.mod-languages .btn.dropdown-toggle{display: none;}
.mod-languages li.lang-active{}
.mod-languages ul li img{border:solid 1px #ccc;}


ul.ico-social{justify-content: center;}
.custom.social >div{text-align: center;}

@media all and (max-width: 800px){
	#edp-home > footer .wrap{flex-direction: column-reverse; text-align: center;}
}



/*social*/
.ico-social a::before{font-family: "Awesome"; display: inline-block; color: #fff; font-size: 1.5rem; padding:7px 10px; border-radius: 30px; margin: 0 0 0 1rem;}
a.twitter-link::before{content: "\f099"; background-color: #0db2f2;}

ul.ico-social{display: flex;}
ul.ico-social li{}
ul.ico-social li a::before{font-family: "Awesome"; display: inline-block; color: #fff; font-size: 1.5rem; padding:7px 12px; border-radius: 30px; margin: 0 0 0 1rem;}
ul.ico-social li a:hover::before{opacity: 0.85;}
ul.ico-social li a.twitter::before{content: "\f099"; background-color: #0db2f2;}
ul.ico-social li a.linkedin::before{content: "\f0e1";  background-color: #2489d9;}
ul.ico-social li a.google::before{content: "\f1a0";  background-color: #c83e24;}
ul.ico-social li a.wechat::before{content: "\f1d7";  background-color: #00c80f; padding:7px 8px;}
ul.ico-social li a.rss::before{content: "\f09e";  background-color: #e76c04;}

iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
max-width:100% !important;
min-width:100% !important;
}


/*breadcrumb*/
.breadcrumb{max-width: 1200px; margin: 0 auto; padding:10px 0; list-style:none; font-size: 0.9rem;}
.breadcrumb li{display: inline;}

.breadcrumbs-news h3{display: none;}

#main .item-page-full .wrap-breadcrumb{padding: 1rem;}
.wrap-breadcrumb h3{display: none;}
.wrap-breadcrumb ul{margin-left: 0;}
.wrap-breadcrumb ul li{padding:0;}
.wrap-breadcrumb ul li::before{display: none;}
.wrap-breadcrumb ul li:first-child{display: none;}



/*articles*/
.item-page p + ul{margin-top: 0;}
.item-page-full .page-header, .blog >.page-header, .item-page-news>.page-header{background:#1e5799; background:rgba(0, 0, 0, 0) linear-gradient(45deg, #00aec9 0%, #1e5799 33%) repeat scroll 0 0; color: #fff;}
.item-page-full .page-header h1, .blog >.page-header h1, .item-page-news>.page-header h1{color: #fff; font-size: 2rem; line-height: 3rem; text-shadow: 0 0 0.2rem #000; margin: 0;}


.item-page-authors .page-header h1{text-shadow: 0 0 5px #000;}
.item-page-authors .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/authors.jpg) #000 no-repeat center top / cover;}
.item-page-about .page-header{background: url(/assets/images/about.jpg) #000 no-repeat center bottom;}
.item-page-societies .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/societies.jpg) #000 no-repeat center bottom;}
.item-page-social .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/social.jpg) #000 no-repeat bottom center / cover;}
.item-page-librarians .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/librarians.jpg) #000 no-repeat bottom center / cover;}
.item-page-contacts .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/contacts.jpg) #000 no-repeat center top / cover;}
.item-page-archives .page-header{background: url(https://www.edpsciences.org/templates/edp2/images/titles/archives.jpg) #000 no-repeat center top / cover;}



#main .item-page-full .page-header .wrap, #main .blog .page-header .wrap, .item-page-news>.page-header .wrap{padding-top: 80px; padding-bottom: 80px;}
#main .articleBody.wrap, #main .blog .wrap-blog{padding: 0 1rem 3rem 1rem;}




/* authors */
.item-page-authors{}
.item-page-authors nav.authors{}
.item-page-authors nav.authors ul{display: flex; justify-content: center; margin:20px auto; padding: 0; margin-top: 2rem;}
.item-page-authors nav.authors ul li{flex:1; text-align: center; padding-top: 20px; padding-bottom: 20px;}

.item-page-authors nav.authors ul li{padding:0;}
.item-page-authors nav.authors ul li:nth-child(2){padding: 0 1rem;}


.item-page-authors nav.authors ul li::before{border:0;}
.item-page-authors nav.authors ul li a{font-weight: bold; color: #333; display: flex; flex-direction: column; border:solid 1px #ccc; padding: 0.5rem; border-radius: 5px; background: #f7f7f7; box-shadow: 0 2px 0 0 #fff inset, 0 -5px 5px rgba(0,0,0,0.05) inset, 0 5px 5px rgba(255,255,255,0.05) inset; text-shadow: 0 1px 0 #fff;}
.item-page-authors nav.authors ul li a:hover{text-decoration: none; color: #a20015; border:solid 1px #a20015; transition: all ease 500ms; }
.item-page-authors nav.authors ul li a::after{display: none;}
.item-page-authors nav.authors ul li span.ico{}

.item-page-authors nav.authors ul li a{text-align: center;}
.item-page-authors nav.authors ul li span.ico{vertical-align: middle;}
.item-page-authors nav.authors ul li span+span{flex: 1; align-self: center;}

@media all and (max-width: 650px){
.item-page-authors nav.authors ul{flex-direction: column;}	
.item-page-authors nav.authors ul li{align-self: start;}
.item-page-authors nav.authors ul li a{flex-direction: row;}

.item-page-authors nav.authors ul li:nth-child(2){padding: 1rem 0;}
.item-page-authors nav.authors ul, .item-page-authors nav.authors ul li a{display: block;}
}

table.open{width: 100%; margin-top: 2rem; counter-reset: journal;}
table.open td,table.open th{padding: 0.5rem;}
table.open{}
table.open tr td{background-color: #fde4d0;}
table.open tr td span.counter::before{counter-increment: journal; content: counter(journal);}
table.open tr:nth-child(2n+1) td{background-color: #fbcaa2;}
table.open tr th, table.open tr td:first-child{background-color: #f79646; color: #fff; font-weight: bold;}
table.open tr:hover td{background:#f79646;}

table.open tr td:nth-child(3),table.open tr td:nth-child(4){min-width: 100px;}
table.open tr td{text-align: center;}
table.open tr td:nth-child(2){text-align: left;}


@media all and (max-width: 680px){
table.open tr{display: block;}
table.open tr:first-child{display: none;}
table.open tr td{display: block; padding-left: 50%; text-align: left; position: relative;}
table.open tr td:first-child{padding-left: 0.5rem; text-align: center;}
table.open tr td::before{position: absolute; left: 0; padding: 0 0.5rem;}
table.open tr td:nth-child(2)::before{content: "Journal";}
table.open tr td:nth-child(3)::before{content: "Full Price";}
table.open tr td:nth-child(4)::before{content: "This year";}
table.open.gold-journals tr td:nth-child(5)::before{content: "Comments";}
table.open.hybrid-journals tr td:nth-child(3)::before{content: "This year";}
table.open.hybrid-journals tr td:nth-child(4)::before{content: "Comments";}
table.open.hybrid-journals tr td:nth-child(5)::before{content: "Discounts";}
}

/* new APC */
table.apc th{position: sticky; top: 0;}

table.apc{width: 100%; margin-top: 0; counter-reset: journal; font-size: 0.9rem; line-height: 1.3rem}
table.apc td,table.apc th{padding: 0.5rem 0.25rem;}
table.apc tr td:nth-child(1){padding-left: 0.5rem}
table.apc{}
table.apc tr td{background-color: #fde4d0;}
table.apc tr td span.counter::before{counter-increment: journal; content: counter(journal);}
table.apc tr:nth-child(2n+1) td{background-color: #fbcaa2;}
table.apc tr th{background-color: #f79646; color: #fff; font-weight: bold;}
table.apc tr:hover td{background:#f79646;}

table.apc tr td:nth-child(2), table.apc tr td:nth-child(3), table.apc tr td:nth-child(4){width: 100px;}
table.apc tr td:nth-child(5), table.apc tr td:nth-child(6), table.apc tr td:nth-child(7){width: 165px;}
table.apc tr td:nth-child(1){font-weight: bold; text-align: left;}
table.apc tr td{text-align: center;}


.ico::before{font-family: "Awesome";}
.item-page span.ico.ico-checked::before{content: '\f058'; font-size: 1.5rem; color: #3d853b; margin: 0}


ul.waiver{text-align: center; margin: 2rem 0; padding: 0;}
ul.waiver li{display: inline-block; width: 25%; text-align: left;}

#waiverfund {}
#waiverfund svg{width: 100%; border: solid 1px #ccc; max-height: 400px;}
#waiverfund .open {fill: orange;}
#waiverfund .open:hover {cursor: help; fill: red; transition: all 500ms ease 0s;}
#Countries{transform: scale(2.8);}

@media all and (max-width: 650px){
#Countries{transform: scale(2) translate(100px, 100px);}
ul.waiver li{width: 40%}
}

@media all and (max-width: 500px){
#waiverfund svg{max-height: 300px;}
#Countries{tranform:scale(1.5) translate(228px, 260px);}
}

@media all and (max-width: 400px){
ul.waiver{margin-left: 1rem;}
ul.waiver li{width: 90%}
#waiverfund svg{max-height: 300px;}
#Countries{tranform:scale(1) translate(228px, 260px);}
}



/* history */
.item-page-about .histo{margin:30px 0;}
.item-page-about .histo .histo-ligne{display: flex;}
.item-page-about .histo .histo-date{color: #a20015; flex: 0.1; text-align: center; border-right: solid 5px #a20015; padding: 1rem 0; min-width: 75px; font-weight: bold; position: relative;}
.item-page-about .histo .histo-date::after{content: "\f0d9"; font-family: "Awesome"; right: -2px; color: #a20015; position: absolute; font-size: 1.5rem;}
.item-page-about .histo .histo-txt{flex: 0.85; padding: 1rem;}


@media all and (max-width: 650px){
	.item-page-about .histo .histo-ligne{flex-direction: column;}	
	.item-page-about .histo .histo-date{border: none; padding: 0; border-bottom: solid 2px #a20015;}
	.item-page-about .histo .histo-date::after{display: none;}
	.item-page-about .histo .histo-txt{padding: 0.5rem 0;}
}

.player {background-color: #f4f5f5; border: 1px solid #e9e9e9; padding: 1rem; text-align: center; margin-bottom: 2rem}
.player p:not(.c){font-size: 0.8rem; line-height: 1.3rem; text-align: left;}



.btn{font-size: 0.9rem; padding:0.15rem 0.7rem;}
.btn-lg{font-size: 1rem; padding:0.2rem 1rem;}

.btn-primary{display: inline-block; color: #fff;   border-radius: 10px; border:solid 1px #265a88; background: #265a88; background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); transition:  all ease 500ms;}
.btn-primary:hover{transition: all ease 500ms; text-decoration: none; color:#fff;  background: #265a88; transition:  all ease 500ms;}
.btn-primary:active {background-color: #a20015; border-color: #a20015;}

.item p a.btn[target="_blank"]::after, .item-page p a.btn[target="_blank"]::after, .item li a.btn[target="_blank"]::after, .item-page li a.btn[target="_blank"]::after{padding-right: 0;}


/*contac*/
.ifram-gmap{}
.flexme.locations{}
.flexme.locations article{flex:1;}

#contact-form{border:solid 2px #ccc; padding: 1rem 2rem; width: 50%; margin: 4rem auto 2rem;}
#contact-form input[type=text], #contact-form input[type=email], #contact-form textarea{border:solid 1px #ccc; padding: 0.5rem; box-sizing: padding-box;}
#contact-form input[type=text]:focus,#contact-form input[type=email]:focus,#contact-form textarea:focus{border:solid 1px #a20015;}
#contact-form input[type=text], #contact-form input[type=email]{width: 50%;}
#contact-form textarea, #contact-form select{width: 100%; box-sizing: border-box;}
#contact-form select{font-size: 1rem; padding: 0.5rem;}
#contact-form .control-group{margin-top: 1rem;}
#contact-form .sep{height: 5px; background-color: #eee; margin: 2rem 0;}
#contact-form .control-group-copy{display: flex;}
#contact-form .control-group-copy .controls{margin-right: 0.5rem;}
#contact-form .form-actions{text-align: center; margin: 1rem 0;}
#contact-form #submit_btn{width: 100%; display: block; padding: 0.5rem; font-weight: bold; cursor: pointer;}
#contact-form hr{margin: 2rem 0;}

@media all and  (max-width: 950px){
	#contact-form{border: 0; padding: 1rem;}
	#contact-form, #contact-form input[type=text], #contact-form input[type=email]{width: 100%; box-sizing: border-box;}
}

#sitemap li{font-weight: normal;}
#sitemap >li{font-weight: bold; margin-top: 0.5rem;}

/*error*/
#system-message-container{position: absolute; top: 5rem;  z-index: 100; color: #fff; max-width: 1200px; margin: 0 auto;}
#system-message-container .alert{background-color: red; padding: 2rem;}
#system-message-container .close{color: #fff; font-size:3rem; cursor: pointer;}
#system-message-container button.close{background: transparent; border:0;}
#system-message-container .close:hover{transform: rotate(20deg); transition: transform ease 500ms;}


/* cookies */
.cookie_notification {position: fixed; box-shadow: 0px 2px 2px rgba(127, 127, 127, 0.5);  width: 100%; background: #f3f3f3; background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); text-align: center; vertical-align: middle; padding: 5px; z-index: 10;}
.cookie_notification.mobile {bottom: 0; min-width: initial; border-top: solid 2px #e2e2e2;}
.cookie_notification+div { background-color: #40affa;}
.cookie_notification span {color: #333; padding-top: 5px; display: inline-block; text-shadow:0 1px 0 #fff; padding: 5px; font-size: 0.9rem;}
.cookie_notification.mobile span {max-width: 80%;}
.cookie_notification button {float: right; position: relative; top: 2px; right: 10px; border-radius: 3px; border-width: thin; border-color: #c40009; background: #e45857; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); color: #fff; padding: 4px 7px; font-weight: bold;}
.cookie_notification button:hover{cursor: pointer; opacity: 0.75}
.cookie_notification button:active{background: #fff; color:#e45857;}

@media handheld {
    .cookie_notification {bottom: 0px; min-width: auto;}
    .cookie_notification span {font-size: 12px; font-weight: normal;}
}
@media handheld and (max-width: 80em) {
    .cookie_notification,.cookie_notification+div{width: 100%; height: 76px;}
}

/* journals iciam like*/
#journals article{display: flex; margin-bottom: 1rem; align-items: flex-start; border-bottom: solid 1px #eee; padding-bottom: 0.5rem}
#journals article h3{margin-top: 0.5rem}
#journals figure figcaption{text-align: center;}

@media all and (max-width: 450px){
	#journals article{flex-direction: column;}
}


/* fix IE>9 */
main{display: block;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
html body{background: white;}
#main #services .wrap{height: 130px;}
#services .wrap ul li {height: 105px;}
.flexme-2ul ul li{flex: auto;}
main{display: block;}
.custom.domains p{max-width: 100%;}
}

@media all and  (max-width: 650px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
#edp-home > footer .wrap{display: block;}
.hp#main .wrap{display: block;}
.founded.flexme > div{display: block;}
.item-page-about .histo .histo-ligne{display: block;}
}

@media all and (max-width: 670px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
#main #services .wrap{height: 300px;}
}

@media all and (max-width: 800px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
#main .custom.edpopen .wrap.flexme {height: 250px;}

.flexme{display: block;}
figure, .pull-left{float: none;}
}

@media all and (max-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
.founded.flexme{display: block;}
}