/*
Theme Name: Sparkling Child
Theme URI: http://colorlib.com/wp/themes/sparkling/
Description: Child theme for the Sparkling.
Template: sparkling
Version: 2.2.1
Author: Colorlib
Author URI: http://colorlib.com/
Modified by: Cassandre Jacquemin, LORIA
*/
@import url("../sparkling/style.css");
@import url(http://fonts.googleapis.com/css?family=Raleway);

/*////////////////FOOTER LOGO////////////////*/
#footer-area {
  background-color: #FFFFFF;
}

.col-sm-4 {
  width: 100%;
}

.col-sm-4 img{
  width: 16%;
  margin-left: 3%;
  margin-right: 3%;
}

.col-sm-4 p{
  text-align: center;
  vertical-align: middle;
}
/*////////////////////////////////////////////////*/

/*////////////////SIDEBAR////////////////*/ 
/*Info chercheur*/
#secondary .widget {
  color: #4B4B4B!important;
  font-size: 12.5px;
}
/*Alignement*/
.well {
  padding-top: 52px!important;
}

.btn-default, .label-default {
  background-color: #4E81A9;
  border-color: #4E81A9;
}
/*////////////////////////////////////////////////*/

/*////////////////POLICE////////////////*/
/*Police corps de texte*/
.entry-content {
  font-size: 12.5px!important;
  text-align: justify!important;
}
.entry-title a {
  color: #ffffff;
  text-decoration: none!important;
}
.entry-title a:hover {
  color: #ffffff;
  text-decoration: none!important;
}

/*typo nom chercheur*/
.navbar > .container .navbar-brand {
  font-family: 'Open Sans';
}

h4 {
  border-bottom: solid 1px #4E81A9;
  margin-bottom: 3%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Open Sans;
  font-weight: 300;
  color: #4E81A9;
}
h1,
.h1 {
  font-size: 28px;
}

/*////////////////////////////////////////////////*/

/*////////////////COULEURS////////////////*/
a {
  color: #4E81A9;
}

a:hover {
  color: #b8166d;
}


.entry-  font-size: 12.5px!important;
  text-align: justify!important;
}
title a:hover {
  color: #4E81A9!important;
}

.page-links span {
  background-color: #4E81A9!important;
}

.page-links a span {
  color: #4E81A9!important;
}

.page-links a:hover span {
  background-color: #4E81A9!important;
  border: 1px solid #4E81A9!important;
}

.pagination li a {
  color: #4E81A9!important;
}
.pagination li:hover a {
  color: #4E81A9!important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #4E81A9!important;
  border-color: #4E81A9!important;
}

.tagcloud a:hover {
  background-color: #4E81A9!important;
  border-color: #4E81A9!important;
}

.btn-default, .label-default {
  background-color: #4E81A9!important;
  border-color: #4E81A9!important;
}

article.type-post div.blog-item-wrap div.post-inner-content div.entry-content p a.btn-default {
padding: 2px 5px 1px 5px ;
margin-top: 25px !important;
background-color: #ffffff !important;
color: #004b79 !important;
}

button {
  background-color: #4E81A9!important;
}

#infinite-handle span {
  color: #4E81A9!important;
}
#infinite-handle span:hover {
  background-color: #4E81A9!important;
}

.site-content [class*="navigation"] a:hover {
  background: #4E81A9!important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #4E81A9!important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #4E81A9!important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #4E81A9!important;
}

#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #4E81A9!important;
}

.scroll-to-top:hover {
  background: #4E81A9!important;
}

.cfa-text{
  color: #4E81A9!important;
}

.cfa-button {
  color: #4E81A9!important;
  border-color: #4E81A9!important;
}
.cfa-button a {
  color: #4E81A9!important;
}
.cfa-button:hover {
  background-color: #4E81A9!important;
}
/*////////////////////////////////////////////////*/

/*////////////////Titre rubrique////////////////*/
.entry-title {
  background-color: #4E81A9;
  padding: 1.2%;
  color: white!important;
  text-align: center;
  text-transform: uppercase;
  font-family: Open Sans;
  font-weight: 300;
  margin-bottom: 15px!important;
}
/*////////////////////////////////////////////////*/

/*////////////////BAR PROGRESS////////////////*/

.skillbar-title span{
  height: 20px!important;
    line-height: 20px!important;
}

.skillbar {
  height: 20px!important;
  background-color: #eeeeee!important;
}

.skillbar-title {
  font-size: 12px!important;
  background-color: #3F6597!important;
}

.skillbar-bar {
  height: 20px!important;
  background-color: #4E81A9!important;
}

.skill-bar-percent {
  line-height: 20px!important;
  height: 20px!important;
}
/*////////////////////////////////////////////////*/

/*/////////////////Page contact////////////////*/
.contact_info {
  display: inline-block!important;
  clear: right!important;
  margin-bottom: 3%!important;
}

.contact_icon {
  display: inline-block!important;
  margin-right: 0%!important;
  clear: left!important;
  vertical-align: top!important;
  margin-bottom: 4%!important;
}

.contact_icon img{
  width: 32%!important;
}
/*////////////////////////////////////////////////*/

/*/////////////////Publications////////////////*/
.Rubrique {
font-weight:      900 !important;
font-size:        22px !important;
text-align:       center !important;
color:            #4E814E !important;
background-color: #eeeeee !important;
border:           1px solid #4E81C9 !important;
}
.SousRubrique {
margin:           8px;
padding-left:     54px;
font-style:       italic;
font-size:        18px;
text-align:       left;
text-decoration:  underline;
}
dt {
display:          none;
}
dd {
margin-bottom:    6px !important;
}
.Titre a{
margin:           4px 0px 0px 0px !important;
font-size:        16px;
}
.DOI {
margin:           4px 0px 0px 11px !important;
}
.Fichier_joint {
margin:           4px 120px 0px 11px !important;
text-align:       right;
}
.LienBibtex {
margin:           4px 120px 0px 11px !important;
text-align:       right;
}
.LienBibtexACoteFulltext {
margin-left:      9px;
text-align:       right;
}
dl.NoticeResAvecVignette  {
display:                  table ;
}

dd.Vignette {
display:                  table-cell ;
text-align: center ;
vertical-align: middle ;
width:   17% ;
height:   100% ;
}
dd.ValeurResAvecVignette {
display:                  inline-block ;
width:   95% ;
padding: 0 !important;
padding-left: 12px !important;
margin: 0 !important;
}
dd.Debut_du_resume   {
}
dt.ChampResAvecVignette   {
display:                  none ;
padding: 0 !important;
margin: 0 !important;
}


/*////////////////////////////////////////////////*/

/*/////////////////Papercite////////////////*/
.papercite_bibliography span { 
font-style: normal!important;
}

.papercite_toggle {
color: #4E81A9!important;
}
/*////////////////////////////////////////////////*/

.navbar-default .navbar-toggle .icon-bar {
background-color: white!important;
}

.navbar-default .navbar-toggle {
border: none!important;
}

/*////////////////////////////////////////////////*/

#comments {
display: none;
}
.comments-area {
display: none;
}
.comments-link {
display: none;
}

.tutoriel {
width: 100% ;
color: #4E6189;
background-color : #dddddd ;
padding: 4px 18px 2px 18px ;
border: #656D7D ;
border-style: double dashed ;
border-width: 1px 1px 1px 1px ;
border-radius:            12px;
  -webkit-border-radius:  12px;
  -moz-border-radius:     12px;
  -khtml-border-radius:   12px;
}
span.decal {
color: #111111!important;
}
.decalright {
color: #ffffff!important;
float: right ;
position: relative;
top: -28px ;
margin: 4px 0 0 0 ;
padding: 0px 14px ;
}
h4.cv {
color: #4E6189 ;
font-size: 102% ;
font-weight: 700 ;
text-transform: uppercase ;
}

/*////////////////////////////////////////////////*/
/* pour la page d'annuaire des sites */
/*////////////////////////////////////////////////*/
tr.logo-home-page {
margin-top: 45px ;
border-color:            #ffffff;
}
td.logo-home-page {
margin-top: 45px ;
border-color:            #ffffff;
font-size: 16px;
}
table.home-page {
margin-top: 45px ;
background-color: #f4f4f4 !important;
border-width:            0px;
border-color:            #ffffff;
}
table.annuaire, thead.annuaire, tr.annuaire, th.annuaire {
text-align: center!important;
}
div.annuaire-header {
background-color: #4b4b4b !important;
color: #ffffff  !important;
padding: 2px 8px;
font-weight: bold;
margin: 8px 6px;
width: 55px;
border-radius:            6px;
  -webkit-border-radius:  6px 6px 6px 6px;
  -moz-border-radius:     6px 6px 6px 6px;
  -khtml-border-radius:   6px 6px 6px 6px;
text-align: center;
font-size: 116%;
}
div.annuaire-item {
  display: inline-block!important;
}
div.annuaire-spe {
display: inline-block!important;
padding: 3px 5px 1px 5px;
border-style: solid;
border-color: #8b8b8b !important;
border-width: 2px ;
border-radius:            6px;
  -webkit-border-radius:  6px 6px 6px 6px;
  -moz-border-radius:     6px 6px 6px 6px;
  -khtml-border-radius:   6px 6px 6px 6px;
}
div.annuaire-sep {
display: inline-block!important;
margin-right: 15px;
padding-right:11px;
border-style: solid;
border-color: #8b8b8b;
border-width: 0 2px 0 0 ;
}

/*////////////////////////////////////////////////*/
/* pour infodoc */
/*////////////////////////////////////////////////*/
div.encadre {
width: 100% ;
padding: 16px 4px 16px 4px;
margin: 16px 0 16px 0;
text-align: center ;
border: #f86D7D ;
border-width: 1px ;
border-style: dotted ;
}
div.encadrel {
width: 100% ;
padding: 16px 4px 16px 4px;
margin: 16px 0 16px 0;
text-align: left ;
border: #f86D7D ;
border-width: 1px ;
border-style: dotted ;
}
div.precadre {
width: 100% ;
padding: 16px 4px 16px 4px;
margin: 16px 0 16px 0;
text-align: left ;
border: #f86D7D ;
border-width: 1px ;
border-style: dashed ;
background-color : #eeeeff ;
color : #131313 ;
}
div.vert-align {
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center ;
vertical-align: middle ;
}
.sub-menu {
list-style-type: square;
list-style-image: url(http://homepages.loria.fr/infodoc/img/tutoriel/right-arrow-2.png) ;
}
.people {
text-align:               left ;
vertical-align:           top ;
}
fieldset {
lineheight:               1em ;
vertical-align:           middle ;
color:                    #444;
}
fieldset legend.info {
width:                    160px ;
font-family:              Arial ;
font-size:                14px ;
margin-right:             20px!important ;
font-weight:              bold;
lineheight:               1em ;
text-align:               right ;
border:                   #aaa solid 0px;
vertical-align:           middle ;
color:                    #444;
padding-right:            21px ;
}
div.siteimage {
max-height:               152px;
display:                  inline-block!important;
overflow-x:               scroll;
margin: 0   !important;
padding: 0   !important;
}
div.insiteimage {
display:       inline-block!important;
color:         #444;
border:        #666 solid 1px;
margin:        0 !important;
padding:       0 !important;
lineheight:    1.6em !important;
margin-bottom: 4px   !important;
text-align:    center !important;
font-size:     10px ;
}

div.site2image {
display:                  inline-block!important;
overflow-x:               scroll;
margin: 0   !important;
padding: 0   !important;
}

img.siteimage {
margin: 0   !important;
padding: 0   !important;
}
a.siteimage {
margin: 0   !important;
padding: 0   !important;
}
ul.siteimage {
overflow-x: scroll;
}
li.siteimage {
display:                  inline-block!important;
color:                    #f44;
}


/*////////////////////////////////////////////////*/
/*  */
/*////////////////////////////////////////////////*/
.site-header,
.navbar,
.navbar-default,
.site-navigation-inner,
.navbar-header,
.navbar-brand  {
background-color: #000000!important;
color: #ffffff!important;
}
#menu-haut {
text-align: right ;
}
.menu-item,
.menu-item-type-post_type,
.menu-item-object-page a {
color: #ffffff!important;
background-color: transparent!important;
}
.menu-item-object-custom a {
color: #ffffff!important;
background-color: transparent!important;
}
.menu-item--has-children,
.dropdown-menu>.menu-item {
background-color: #666666!important;
color: black!important;
}

.input-group-btn .btn-default {
margin: 0   !important;
}

/*////////////////////////////////////////////////*/
/* pour blog */
/*////////////////////////////////////////////////*/
div.content-area main.site-main {
padding-top: 0px !important;
}

div.content-area article.type-post {
padding: 0!important;
margin-top: 0px !important;
}
article.type-post div.post-inner-content {
padding: 18px 48px 10px 48px ;
margin: 0;
}
article.type-post div.post-inner-content header.entry-header h1.entry-title {
background-color: #ffffff !important;
color: #4E81A9 !important;
padding: 0   !important;
margin: 0   !important;
font-family: Arial ;
font-size: 22px ;
font-weight: bold;
text-transform: none;
text-align:left;
}
article.type-post div.post-inner-content header.entry-header h1.entry-title a{
background-color: #ffffff !important;
color: #4E81A9 !important;
padding: 0 ;
margin: 0;
font-family: Arial ;
font-size: 22px ;
font-weight: bold;
text-transform:none;
text-align:left;
}
header.entry-header div.entry-meta {
padding: 0 0 0 0 ;
margin: 0;
}
article.type-post div.blog-item-wrap div.post-inner-content div.entry-content {
padding: 0;
margin: 0;
}
article.type-post div.blog-item-wrap div.post-inner-content div.entry-content p {
padding: 0   !important;
margin: 0   !important;
line-height: 18px !important;
}
article.type-post div.blog-item-wrap div.post-inner-content div.entry-content p a.btn-default {
padding: 2px 5px 1px 5px ;
margin: 0;
background-color: #ffffff !important;
color: #004b79 !important;
}


/*////////////////////////////////////////////////*/
/* pour page contact */
/*////////////////////////////////////////////////*/
.contactcontainer {
width: 100%;
text-align: center ;
}
.inlinecontact {
display:                  inline-block!important;
text-align: left ;
vertical-align: top ;
width: 45%;
}