@import "bootstrap";

@import "fontawesome/font-awesome";



@import "public/grid";
@import "public/popover";
@import "public/general";
@import "public/search";
@import "public/binary";
@import "public/account";
@import "public/annonces";
@import "public/blog";






 

#main{
position:relative;

}
.top{
  
  margin-bottom:10px;
  position:relative;
  background:rgba(0,0,0,0.8) url("/fond1.jpg") no-repeat center center  ;  
  background-size:100%;
  background-size:cover;
  padding:1px;

  .header{
    margin-top:18em;
    margin-bottom:6em;
    color:white;
    text-align:center;
    
  }

  h1, h2{
    font-weight:normal;
    display:inline;
    
  }

  #menu{
  
  height:50px;

}
  
  
}
.top_home{

  background:white url("/fond.jpg") no-repeat fixed  ;
  background-size:100%;

  position:relative;
  
  
  h1, h2{
    text-align:center;
    

    color:white;
    width:100%;
    padding:0;
    margin:0;
  }
  
  h1{
    font-size:2.3em;
    margin-top:200px;
    margin-bottom:40px;
  }
  h2{

    font-size:1.4em;
    
    img{
      width:60px;
      display:block;
      margin:1em auto;
    
      
    }
  }
}

#logo{
  width:100%;
  max-width:160px;
  padding:10px 10px;
  display:block;
  img{
    
  }

  
}

#menu{

  color:white;
  width:100%;

  z-index:10;
  
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  
  a{
    color:white;
    
  }
  
  ul{
    margin:0;
    padding:0 10px;
    float:right;
    li{
      padding:0;
      margin:0;
      display:inline;
      display:inline-block;
      padding:8px 10px;
      
    }
    
  }
  
}







.bottom{
  background:rgba(44,46,47,1);
  min-height:300px;
  padding:10px 10px;
  position:relative;
  text-align:left;
  #nb{
    position:absolute;
  
    right:20px;
    height:25px;
    bottom:20px;
    opacity:0.4;
    
    &:hover{
      opacity:1;
      
    }
  
  }
  ul{
    margin-left:0;
    list-style:none;
    padding:0;
    li{
      
    }
    
  }
  a,h4{
    
    color:rgb(255, 255, 255);
  }
  
}

.page{
  padding-bottom:150px;
  table{
    margin:1em auto;
    tr:nth-child(even) {
     
        
        background:rgba(210,222,237,1);
      
      
    }
    td{
      padding:5px;
      border:1px solid rgba(77,128,186,1);
      
    }
    
  }
  
}




//BLOG


img{
  max-width:100%;
  
}





h1,h2,h3,h4{
  font-weight:600;
  //font-family:"jaf-bernino-sans", sans-serif;
  a{
    color:#1e1e1e;
    
  }
}

h1{
  font-size:2em;
  
}

h2{
  font-size:1.5em;
  
}

h3{
  font-size:1.2em;
  
}

a{
  
  text-decoration:none;
  color:#17b;
  &:hover{
    
    color:rgba(58,155,235,1);
  }
  
}




.read{
  
  text-align:left;
}

.right{
  float:right;
  
}

article{
  .category{
    //font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
    a{
      color:inherit;
    
    }
    
  }
  .coms{
    //font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
    a{
      color:inherit;
    
    }
  }
  time{
    //font-family:"jaf-bernino-sans", sans-serif;
    font-size:14px;
  
  }
}
.sidebar_title{
  font-weight:normal;
  border-bottom:1px solid #858585;
  color:#858585;
  font-size:1em;
  
}

.comment{
  .header{
    margin-top:0;
    font-size:14px;
    //font-family:"jaf-bernino-sans", sans-serif;
  }
  aside{
    float:left;
    img{
      width:50px;
      height:50px;
      border-radius:50%;
    }
  }
  .comment_body{
    margin-left:60px;
    background:rgba(250,250,250,1);
    padding:20px;
    margin-bottom:20px;
  }
  blockquote{
    margin:0;
    margin-top:1em;
    padding:0;
    
  }
  
}

.child_comments{
  padding-left:60px;
  
}

.comment_form{
  padding:10px;
  background: rgba(250,250,250,1);
  margin-bottom:20px;
  
}
.share_in_social{
  text-align:center;
  margin:1em;
  margin-top:2em;
  border-top:1px solid rgba(250,250,250,1);
  border-bottom:1px solid rgba(250,250,250,1);
  padding:10px;
  
}
.btn{
 // font-family:"jaf-bernino-sans", sans-serif;
  font-size:1em;
  padding:8px 15px;
  border-radius:5px;
  border:0;
  color:black;
  background:transparent;
  cursor:pointer;
  
}

.input_text, textarea{
  //font-family:"jaf-bernino-sans", sans-serif;
  font-size:0.9em;
  padding:8px 15px;
  border-radius:5px;
  border:0;
  color:black;
  background:white;
  border:1px solid rgba(131,131,131,1);
  
  
}
.btn-primary{
  
  background:rgba(64,138,199,1);
  color:white;
  &:hover{
    background:#357ebd;;
    
    
  }
  
  
}

.infos{
  margin-top:0;
  font-size:14px;
  margin-bottom:1.5em;
  color:#8D8D8D;
  
}


#affiliation{
  background:white;
  
  font-size:17px;
  line-height:1.5em;
  //font-family:"lato", sans-serif;
  font-weight:300;
 
  .ctr{
    text-align:center;
    
  }
  hr{
    margin:2em auto;
    max-width:400px;
    border-color:rgba(180,180,180,1);
    
    
  }
  .center{
    max-width:800px;
    
  }
  .red{
    color:rgba(239,45,58,1);
    
  }
  .blue{
    color:rgba(26,147,205,1);
    
  }
  .small{
    font-style:italic;
    font-size:16px;
  }
 
  h1, h2,h3{
    font-weight:400;
    text-align:center;
  }
  h1{
    font-size:45px;
    
  }
  h2{
    font-size:32px;
    
  }
  .af-highlight{
    padding:2em 0;
    background:rgba(203,239,254,1);
    color:white;
    background:url("/affiliation/3.jpg") center center fixed;
    background-size:100%;
    background-size:cover;
    
  }
  
  .af-top{
    background:url("/affiliation/12.jpg") center center fixed;
    background-size:100%;
    background-size:cover;
    padding:12em 0;
    color:black;
    
    h1,h2{
      padding:10px 20px;
      color:rgba(77,128,186,1);
      
      display:inline-block;

      //text-shadow:0 0 5px rgba(0,0,0,0.5);
    }
    h1{
      font-size:60px;
      border:2px solid rgba(77,128,186,1);
    }
    
  }
  
  .block{
    padding:3em 10px;
    
    
    
  }
  .link{
    padding:2em;
    .btn{
      background:rgba(76,180,38,1) !important;
      
    }
  }
  .parent{
    img{
      border-radius:50%;
      height:150px;
    }
    color:white;
    background:rgba(77,128,186,1);
    
  }
  .concept-side{
    background:rgba(246,246,238,1);
    
  }

  .credits{
    ul{
      text-align:left;
      
    }
    background:rgba(243,156,45,0.1);
    img{
      max-width:150px;
      
    }
    
  }
  .we{
    border-top:1px solid rgba(180,180,180,1);
    
  }
  .video{
    background:rgba(77,128,186,1);
    color:white;
    
    a{
      color:white;
    }
    
  }
  
  #details{
    z-index:10;
    position:fixed;
    top:50px;
    left:50px;
    right:50px;
    bottom:50px;
    padding:20px;
    overflow: scroll;
    background:white;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    
  }
  #close_details{
    cursor:pointer;
    position:fixed;
    background:black;
    font-size:20px ;
    font-weight:bold;
    padding:5px 30px;
    color:white;
    top:10px;
    height:40px;
    right:60px;
    
  }
  
  
}