@charset "utf-8";
/* CSS Document */

html {
font-size: 85%;
}
body {
	font-family: Roboto, Arial, sans-serif;
	font-stretch: condensed;
	background-color: #f9f9f9;
}
.img-thumbnail {
  padding: 10px 0;
  background-color: #fff;
  border: none;
  max-width: 100px;
  max-height: 50px;
}
.img-fluid { 
	max-height: 90px;
	padding: 0 10px;
}

.embed-responsive-item{
	
}
.col-sm-8 .row h1, .col-sm-8 .row h3,  .col-sm-8 .row h4, .col-sm-8 .row h5 {
	padding: 0 5px;
}
.col-sm-8 .row h4{
	font-size: 1.2rem;	

}
.canoplayer::before {
    padding-top: 0; 
}
h1 {
	font-size: 1.4rem;
	margin: 10px 0 0 0;
}
.credits p {
	padding: 0;
	font-size: 1.1rem;
	margin: 0;
}
.credits h1{
	font-size: 1.8rem;
	margin:20px 0  20px 0;
}
.credits h2 {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: normal;
	margin:12px 0  1px 0;
	display: block;
}
h5 {
	font-size: 1rem;
	color:#494949;
}
.container-fluid {
max-width: 98%;
}
.page-header {
	background-color: #ffffff;
	width: 100%;
	margin-bottom: 10px;
}
.well {
	text-align: left;
	background-color: #ffffff;
	border: 1px #ececec solid;
	padding: 10px 5px;
	margin: 20px 0;
}
.well h3 {
	font-size: 1.13rem;
}
.media {
	margin: 8px 2px; 
}
.media-lecture {
    background-color: #DADADA;
}
.media:hover {
	background-color: #ececec;
}
.generique:hover {
	background-color: #ffffff;
}
img.media-object{
	width: 100px;

}
.media-body {
	margin: 0 0 2px 8px;
}
.media-heading a {
	color: #1F1F1F;
	text-decoration: none;
	cursor: pointer;
}
h5.media-heading{
	font-size: 1rem;
	text-transform: uppercase;
	padding: 3px 0 2px 0;
	margin: 0;
}
h4.media-heading{
	font-size: 1rem;
	margin: 0;
	font-weight: bold;
    
}
h4 {
	font-size: 1.2rem;
	
}
.credit a {
	color: #696060;
	font-weight: bold;
    font-size: 1rem;
    text-decoration: underline;
}
.credit a:hover {
	color: #000000;
	text-decoration: underline;
}

.logo {
	
}
.titre { 
margin:auto;
}
.col-3.text-left {
	margin-left: 0;
	padding-left: 0;

}
.col-5, .col-5  {
	visibility: hidden;
	display: flex;
	font-size:0.8rem;

}
@media (min-width: 576px) {
  .container-fluid {
    max-width: 95%;
  }
	.col-5, .col-5  {
		visibility:visible;
		font-size:1rem;

		
	}
	.img-thumbnail {
  max-width: 150px;
  max-height: 60px;
}
	h4.media-heading{
	font-size: 1.1rem;
}
  img.media-object{
	width: 120px;   
}

@media (min-width: 768px) {
  .container-fluid {
    max-width: 95%;
  }
	.well {
	margin: 0;
}
	.col-5, .col-5 h2 {
		visibility:visible;
		font-size:1.5rem;
	}
	.img-thumbnail {
  max-width: 150px;
  max-height: 60px;
}
	h4.media-heading{
	font-size: 1.1rem;
}
    img.media-object{
	width: 120px;

}
}

@media (min-width: 992px) {
  .container-fluid {
    max-width: 95%;
  }
	
	.well {
	margin: 0;
}
	.col-5, .col-5 h2 {
		visibility:visible;
		font-size:1.5rem;

		
	}
	.img-thumbnail {
  max-width: 150px;
  max-height: 60px;
}
	h4.media-heading{
	font-size: 1.1rem;
}
    img.media-object{
	width: 100px;

}
}

@media (min-width: 1200px) {
  .container-fluid {
    max-width: 95%;
  }
	.well {
	margin: 0;
}
	.col-5 {
		visibility:visible;
		font-size:1.5rem;

	}
	.img-thumbnail {
  max-width: 150px;
  max-height: 60px;
}
	h4.media-heading{
	font-size: 1.1rem;
		
}
	img.media-object{
	width: 130px;

}
}