/*==----    PUBLICATION     ----==*/
/*=-     Guillaume Drouen       -=*/
/*=------- joomla 2.5 -----------=*/

#header_messages{display: none;}


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


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


/* 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: 2rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.35rem;}
.clear{clear: both;}
/*.hidden{display: block;}*/

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

.ico::before{font-family: "Awesome";}
.ico-account::before{content:"\f007"; font-size: 1.5rem; margin-right: 0.5rem;}



/*  header */
#edp-home >header{background: #fff; position: relative;}
.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 .mod-languages ul li img {border: 1px solid #ccc;}

.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;}


.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;}


.publications{color: #fff; padding: 1rem 0; background: #a20015; color: #fff;}
.publications .wrap{display: flex;}
.publications .title{font-size: 1.5rem; margin: 0; font-weight: bold; flex:1;}
.publications .custom.account{}
.publications .custom.account a{color: #fff}

/* 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.3rem;}
header nav.menu .content > ul > li >a{display: block; text-align: center; text-transform: none; 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; opacity: 0.85;}


/* search */
.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.2rem;}
.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; display: block;}
#search.active{display: block; height: auto;}

div#search form{display: flex; max-width: 1200px; margin:0 auto; padding:0 20px;}
div#search form div.inputs{flex:1; display: flex;}
div#search input{padding: 5px; flex:1; font-size: 1.5rem; border:0;}
div#search .advanced{font-size: 0.9rem; padding: 0 0.5rem;}

#search button[type='submit']{background-color: #a20015; color: #fff; border: 0;}
#search button[type='submit']:hover{cursor: pointer;}

.searchbox{float: none; background-color: #f1f1f1;}
.searchbox form{max-width: 1200px; margin: auto; padding: 2rem 1rem;}
.s_advanced{display: none;}
.s_inputs{text-align: center; float: none; display: flex;}
.s_inputs input[type='text']{flex:1; border-radius: 0; border:0; box-shadow: none; font-size: 1.5rem; padding: 5px;} 
.s_inputs input[type='submit']{background-color: #a20015;}

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


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

@media all and (max-width: 750px){

.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;}
}




#main {background: #fff; padding: 2rem 0;}

@media all and (max-width: 1180px){
.wrap{padding-left: 1rem; padding-right: 1rem;}
}

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



/*journals*/
#main #journals{}
#main #journals article h3{font-size: inherit;}
#journals article p.journal-info{font-size: 0.8rem;}
#journals article .journal-links a{font-size: 0.9rem; padding: 0.25rem 0.5rem;}

#journals nav.filters input[type="checkbox"] + label::before{top: 6px;}
#journals nav.filters h2, #journals nav.navigation h2{font-size: 1rem;}

body .special_article {margin: 3px 5px 2px 0; line-height: auto; font-weight: normal; font-size: 0.9rem;}


/* banners */
body.com_journals #main >.wrap{display: flex;}
body.com_journals #main >.wrap >div{flex:1;}
.bannergroup{margin-left: 1rem; max-width: 200px; font-size: 0.9rem; line-height: 1.5rem;}
.banneritem:first-child{margin-top: 0;}
.banneritem a{border: solid 1px #ccc; background: #f9f9f9; padding: 0.5rem; display: block;}


@media all and (max-width: 950px){
body.com_journals #main >.wrap{flex-direction: column;}
.bannergroup{margin-top: 1rem; max-width: 100%;}
}

/* footer */
#edp-home > footer{background-color: #2E2E2E; color: #fff; padding: 5px 20px 20px;}
#edp-home > footer .wrap{display: flex;}
#edp-home > footer .wrap >div, #edp-home > footer .wrap >ul.nav{flex:1;}
#edp-home > footer h4, #edp-home > footer .nav-header, #edp-home > footer .pretext {margin-bottom: 0; margin-top: 25px; font-weight: bold; display:block;}
#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;}

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*/
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: 2rem; padding:8px; border-radius: 30px; margin: 0 5px;}
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.rss::before{content: "\f09e";  background-color: #e76c04;}


/*solr*/
body.com_solr header .header-search{display: none;}
#tabs{border:0;}
.ui-widget.ui-widget-content{border: 0;}


/* edp account */
#protected .shopping-cart .buy-nfo{display: flex;}
#protected .shopping-cart .buy-nfo article{width: auto;}

/* journals*/
#journals{width: 100%;}
#com_journals #main{width: auto;}

/* trials */
table#aiContactSafeForm{width: 100%}
#aiContactSafe_contact_form input, #aiContactSafe_contact_form select, #aiContactSafe_contact_form textarea, #aiContactSafe_contact_form .inputbox{box-shadow: 0 0 10px rgba(128, 128, 128, 0.2) inset; border-radius: 5px; background-color: #fff; padding: 5px; line-height: 25px;}
#aiContactSafe_row_aics_copiemail{display: none;}

#aiContactSafe_contact_form.aiContactSafe{background-color: #eee; border-radius: 5px; border:solid 1px #ccc; padding:10px 10px 15px 10px; box-shadow: 0 1px 0 #fff inset;}
#aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_row{float: none; width: 400px; margin: 0 auto; text-align: center;}
#aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_contact_form_field_label_left{width: 100px; float: none; display: inline-block; text-align: right; padding-right: 10px}
#aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_contact_form_field_right{float: none; display: inline-block;}
#aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_contact_form_field_right input{width: 150px}

#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_info{font-style: italic;}

#td_aiContactSafeSendButton input{background-color: #2685C8; color:#fff; border-radius: 5px; border: none; font-weight: bold;}

.aiContactSafe #system-message-container ul{list-style: none; margin: 0; padding:0;}
.aiContactSafe #system-message-container dt{display: none;}
.aiContactSafe #system-message-container dd{margin: 5px 0 0 0}
.aiContactSafe #system-message-container dd.notice.message{font-weight: bold; color:#fff; background-color: orange; padding: 10px 20px; border-radius: 5px}
.aiContactSafe #system-message-container dd.message.message{font-weight: bold; color:#fff; background-color: green; padding: 10px 20px; border-radius: 5px}

/*aquatic*/
#aiContactSafe_row_aics_aquatic{background-color: #09acbf; color: #fff; border-radius: 5px; padding: 5px;}
#aiContactSafe_label_aics_aquatic{font-weight: bold}
#aiContactSafe_contact_form.aiContactSafe div#aiContactSafe_row_aics_aquatic.aiContactSafe_row{margin-bottom: 10px; padding: 10px 20px;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_aquatic div.aiContactSafe_contact_form_field_label_left{width: 100%; text-align: center;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_aquatic div.aiContactSafe_contact_form_field_right{text-align: left;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_aquatic div.aiContactSafe_contact_form_field_right input{width: 20px}

/*engineering*/
#aiContactSafe_row_aics_engineering{background-color: #6160a2; color: #fff; border-radius: 5px; padding: 5px;}
#aiContactSafe_label_aics_engineering{font-weight: bold}
#aiContactSafe_contact_form.aiContactSafe div#aiContactSafe_row_aics_engineering.aiContactSafe_row{margin-bottom: 10px; padding: 10px 20px;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_engineering div.aiContactSafe_contact_form_field_label_left{width: 100%; text-align: center;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_engineering div.aiContactSafe_contact_form_field_right{text-align: left;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_engineering div.aiContactSafe_contact_form_field_right input{width: 20px}

/*math*/
.trial-covers.math figure{margin: 5px 25px}
#aiContactSafe_row_aics_math{background-color: #ce0040; color: #fff; border-radius: 5px; padding: 5px;}
#aiContactSafe_label_aics_math{font-weight: bold}
#aiContactSafe_contact_form.aiContactSafe div#aiContactSafe_row_aics_math.aiContactSafe_row{margin-bottom: 10px; padding: 10px 20px;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_math div.aiContactSafe_contact_form_field_label_left{width: 100%; text-align: center;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_math div.aiContactSafe_contact_form_field_right{text-align: left;}
#aiContactSafe_contact_form.aiContactSafe #aiContactSafe_row_aics_math div.aiContactSafe_contact_form_field_right input{width: 20px}


/* kioske */
#displayAiContactSafeForm_3 #aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_row{text-align: left;}

#displayAiContactSafeForm_3 #aiContactSafe_label_aics_message{width: auto;}
div#aiContactSafe_mainbody_3 textarea#aics_message{width: 400px; height: 120px; margin: 10px 0 0 0;}