/************************************************
Common style
************************************************/
a {
  color: #49ac01;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/*********
overlay
*************/  
.card-img-overlay 
{
  position: absolute;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  /*  opacity: 0;*/
}

/*.card-img-overlay:hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  opacity: 1;
}*/


#header{

}


.accronym {
  font-size: 12pt;
  font-weight: bold;
  color:#49ac01;
  text-align: center;
  line-height: 1.2rem;
}

a.thematique_name{
  font-size: 12pt;
  font-weight:700;
  color:#fff;
  text-align: center;
  line-height: 1.2rem;
}


/*border*/
.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 5px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #90957a  !important;
}

.border-secondary {
  border-color: #A4DE02 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

/*button outline*/
.btn-outline {
  border: 1px solid #49ac01;
}

.btn-secondary {
  color: #fff;
  background-color: #e08763;
/*  border-color: #007bff;*/
}

.btn-secondary:hover {
  color: #fff;
  background-color: #a2c423;
  /*border-color: #0062cc;*/
}


/****************
Layout
***************/

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color:#fff;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}


.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: transparent;
  border-radius: 0rem;
}

.jumbotron h1{
	color: #000;
	font-size: 34px;
}

.jumbotron p{
	color: #000;
}

/****************
Layout
***************/
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      margin-bottom: 0.5rem;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.2;
      color: inherit;
    }

    h1, .h1 {
      font-size: 2.5rem;
      font-weight: bold;
    }

    h2, .h2 {
      font-size: 2rem;
    }

    h3, .h3 {
      font-size: 1.25rem;
      font-weight: 700;
    }

    h4, .h4 {
      font-size: 1.5rem;
      font-weight: 700;
    }

    h5, .h5 {
      font-size: 1.25rem;
    }

    h6, .h6 {
      font-size: 1rem;
    }

    .title-xl{
      font-size: 2rem;
    }

    .title-lg{
  color: #1b242b;
    font-size: 17px;
    font-family: "Raleway", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: -0.2px;
    }
  

    .shadow-sm{box-shadow:0 0.250rem 0.250rem rgba(0,0,0,0.1) !important; }
    .title-md{
      font-size: 1rem;
	  color: #666 !important;	  
    }
	
     .title-sm{
      font-size: 0.5rem;
    }

		h1{
			color:#037C80;
			font-size: 18pt;
			font-weight: bold;
		}

		h2{
			color:#008eaa;
			font-size: 14pt;
      font-weight: bold;
		}

		h4 a{
			color:#388c45;
			font-size: 12pt;	
			font-weight: bold;
		}

		h5{
			color:#388c45;
			font-size: 18pt;	
			font-weight: bold;
		}

    .line-height{
      line-height: 1.75em;
    }

    .display-1 {
      font-size: 6rem;
      font-weight: 300;
      line-height: 1.2;
    }

    .display-2 {
      font-size: 5.5rem;
      font-weight: 300;
      line-height: 1.2;
    }

    .display-3 {
      font-size: 4.5rem;
      font-weight: 300;
      line-height: 1.2;
    }

    .display-4 {
      font-size: 2rem;
      font-weight: 300;
      line-height: 1.2;
    }

    div#agenda div.media-body ul.list-group li.list-group-item{
      font-size: 10px;
    }

    ul li{
      list-style: none;
    }

    .icon-lg {
			font-size: 48px;
		}

    .icon-sm {
      font-size: 34px;
    }

    #mid tbody tr td h2{
      font-size: 12px;
    }

    #publication i.icon{
      font-size: 45px;
    }

    #publication .list-group .list-group-item h2{
      font-size: 14px;
    }

    .publication-list{
      background-color: #fff;
    }

    .publication-list:hover{
      background-color: #f6f6f6;
    }

    ul.footer-menu li i{
      color: #fff;
      line-height: 28px;

    }

    ul.footer-menu li a{
      color: #ccc;
      line-height: 28px;
    }

    ul.footer-menu li a:hover{
      color: #fff;
      line-height: 28px;
    }

    .features{
      font-size: 45px;
    }

    .chapo{
      font-size: 25px;
      line-height: 26px;
    }

    /*pagination css*/

    .pagination {
      display: -ms-flexbox;
      display: flex;
      padding-left: 0;
      list-style: none;
      border-radius: 0.25rem;
    }

    .page-link {
      position: relative;
      display: block;
      padding: 0.5rem 0.75rem;
      margin-left: -1px;
      line-height: 1.25;
      color: #007bff;
      background-color: #fff;
      border: 1px solid #dee2e6;
    }

    .page-link:hover {
      z-index: 2;
      color: #0056b3;
      text-decoration: none;
      background-color: #A4DE02;
      border-color: #dee2e6;
    }

    .page-link:focus {
      z-index: 2;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }



    /*Time*/
    time{
      width:75px;
      height: 75px;
      display: block;
    }

    /*overlay*/
    .overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
    }
    .event{
      z-index: 10;
    }

    /*icon-overlay*/
    .icon-overlay {
      position: absolute;
      top: 45%;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    }

    .icon-overlay:hover {
      position: absolute;
      top: 10%;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
      transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

/*
    Multicoloured social Media
*/

    .social i {
    width: 30px;
    height: 30px;
    color: #FFF;
    font-size: 26px;
    text-align:center;
    padding-top: 6px;
    /*border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;*/
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    }

    .social i:hover {
        color: #FFF;
        text-decoration: none;
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

    #social i{
        width: 35px;
        height: 35px;
        color: #ccc;
        font-size: 28px;
        text-align:center;
        padding-top: 3px;
       /* border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;*/
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        background-color: #fff;
    }

    #social i:hover{
        font-size: 28px;
        text-align:center;
        color: #fff;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;*/
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

    #profile .social i{
        color: #ccc;
        font-size: 22px;
        text-align:center;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;*/
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

    #profile .social i:hover{
        width: 30px;
        height: 30px;
        color: #ccc;
        font-size: 22px;
        text-align:center;
        padding-top: 6px;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;*/
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

    #profile .social .fa-facebook:hover{
      color:#4060A5;
    }

    #profile .social .fa-twitter:hover{
      color:#00ABE3;
    }

    #profile .social .fa-google-plus:hover{
      color:#e64522;
    }

    #profile .social .fa-facebook:hover{
      color:#4060A5;
    }


    #social .fa-facebook:hover {
      color: #4060A5;
    }

    #social .fa-twitter:hover {
        background: #00ABE3;
    }

    #social .fa-envelope:hover {
        color: #e64522;
    }

    #social .fa-youtube:hover {
        background: #FF1F25;
    }




    #social .social .fa-github:hover {
        background: #343434;
    }

    #social .social .fa-pinterest:hover {
        background: #cb2027;
    }

    #social .social .fa-linkedin:hover {
        background: #0094BC;
    }

    #social .social .fa-flickr:hover {
        background: #FF57AE;
    }

    #social .social .fa-instagram:hover {
        background: #375989;
    }

    #social .social .fa-vimeo-square:hover {
        background: #83DAEB;
    }

    #social .social .fa-stack-overflow:hover {
        background: #FEA501;
    }

    #social .social .fa-dropbox:hover {
        background: #017FE5;
    }

    #social .social .fa-tumblr:hover {
        background: #3a5876;
    }

    #social .social .fa-dribbble:hover {
        background: #F46899;
    }

    #social .social .fa-skype:hover {
        background: #00C6FF;
    }

    #social .social .fa-stack-exchange:hover {
        background: #4D86C9;
    }

    #social .social .fa-xing:hover {
        background: #005C5E;
    }

    #social .social .fa-rss:hover {
        background: #e88845;
    }

    #social .social .fa-foursquare:hover {
        background: #09B9E0;
    }

    #social .social .fa-youtube-play:hover {
        background: #DF192A;
    }


/************************************************
bloc
************************************************/
.card-sidebar { 
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  /*margin-top: 15px;*/
}

.card-sidebar h3 {
  font-size: 1.2rem;
  color: #0b992f; 
  text-transform: uppercase;
  padding-bottom: 11px;
  margin-top: 0;
  border-bottom: 1px dotted;
}

.card-sidebar-body {
  position: relative;
  padding: 23px;
  border: 1px solid #ededed;
   
  font-weight: 500;
  background: #fff;
}
.card-sidebar-body::before {
  content: '';
  position: absolute;
  border-bottom: 24px solid transparent;
  border-left: 26px solid #d4d4d4;
  top: 0;
  left: 0;
}


/************************************************
Posts list sidebar
************************************************/
.meta{
padding:0 5px;
display:inline;
background: #008EAA;
width: auto;
float: none;
clear: both;
color: #fff;
}
.meta-infos-sm {
  font-size: 9pt;
  font-weight: bold;
}

ul.list-posts {
margin-bottom: 20px;

}

ul.list-posts li.list-posts-item{
  /*margin-bottom:10px;*/
  padding:0;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
   padding-left: 15px
}
ul.list-posts li.list-posts-item::before{
    position: relative;
    content: "";
    border-color: transparent #f00017;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    display: block;
    height: 0;
    width: 0;
    left:-15px;
    top:20px;   
}

/*Sidebar list*/
ul.sidebar-list {
margin:0;
padding:5px;
margin-bottom: 3px;
}

ul.sidebar-list li.sidebar-list-item{
  /*margin-bottom:10px;*/
  padding:0;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
}

ul.sidebar-list li.sidebar-list-item a{
  font-size: 16px;
  color: #49ac01;
  display: block;
  padding:5px;
  background: #eee;
}
/************************************************
Profil
************************************************/

/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}
/************************************************
infos download
************************************************/
.info-box h6{
  font-weight: bold;
  color:#9e6a4b;
  padding: 0;
  margin: 0;
}

.info-box .info-row{
  line-height: 1.2em;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/************************************************
pagination
************************************************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}


/************************************************
gallery
************************************************/
/************************************************
card style
************************************************/
.card-body{
  border-bottom: 2px solid #E80D28;color:#666 !important;
}
 .card-translate {
   height:300px; 
    background:#0c271a;
    overflow:hidden;
    border: 0;
    border-radius: 0;
}
.card-translate .poster {
    position:relative;
    overflow:hidden;
}
.card-translate .poster:before {
    content:'';
    position:absolute;
    bottom:-30px;
    left:0;
    width:100%;
    height:100%;
   /* background: linear-gradient(0deg, #00ce22 1%, transparent);*/
    transition:0.5s;
    z-index:1;
}
.card-translate:hover .poster:before {
    bottom:0;
}
.card-translate .poster img {
    width:100%;
    transition:0.5s;
}
.card-translate:hover .poster img {
    opacity: 1;
    transform:translateY(-50px);
}
.details {
    position:absolute;
    padding:20px;
    width:100%;
    height:auto;
    bottom:-55px;
    left:0;
    box-sizing:border-box;
    transition:0.5s;
    z-index:2;
}
.card-translate:hover .details {
    bottom:0;
}
.details h2 {
    color:#fff;
    margin:0;
    padding:0;
    font-size:24px;
    line-height: 1em;

}
.details h2 span {
    font-size:14px;
    color:#000;
}

.info {
    color:#fff;
}
.info p {
    margin:15px 0 10px;
}

.meta-sm{
  font-size: 0.85rem;
}

.featured {
	color: #fff !important;
	font-size: 18pt;
	font-weight: normal !important;
}

.bg-primary{text-align: center;}
h2 .text-secondary{font-weight: bold !important;}
.ytp-title-channel-logo, .html5-video-player a,.ytp-title {display: none !important;}
#active_background_fixed{background:#f7f9fb;}
.package-title h3{width:250px;}