/*
@import url(https://fonts.googleapis.com/css?family=Wire+One);
*/
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200);

* {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

a.navbar-brand {
    font-size: 125%;
    margin-top: -2px;
}

a.navbar-brand img {
    display: inline;
    padding-right: 5px;
    padding-left: 10px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
ul.tab li a:focus, .active {
  color: #ffee51;
}

body, p {
    font-size: 14pt;
    line-height: 1.2em;
}

h2.featurette-heading > span.text-muted {
    font-size: 70%;
}

.carousel-caption {
  color: #ffee51;
  text-shadow: 2px 2px 6px black;
  z-index: 10;
}

div.carousel-caption h1 {
    font-size: 280%;
    font-weight: bold;
}

div.carousel-caption p {
    font-size: 150%;
}

h2.featurette-heading > span.text-muted {
    clear: both;
    display: block;
}

div.container > p.lead {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.3em;
}

a.jumbo,
a.jumbo:link,
a.jumbo:hover {
    color: black;
    text-decoration: none;
    text-decoration-color: red;
    text-decoration-line: none;
    text-decoration-style: none;
}

div.jumbotron {
    background: #f0f0f0 url("../media/logo/audiogyre.png") no-repeat 98% 80%;
    background-size: 278px 120px;
}

div.jumbotron > h1 {
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

div.jumbotron > p.lead {
    color: #303030;
    font-size: 130%;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

div.col-lg-5 > p {
    font-size: 95%;
}

footer {
    margin-top: 7em;
}

footer hr.featurette-divider {
    margin-bottom: 0.4em;
}

table.ressources > thead > tr > th:first-child,
table.ressources > thead > tr > th:first-child + th + th,
table.ressources > tbody > tr > td:first-child {
    width: 38px;
    margin-right: 0;
}

table.ressources > tbody > tr > td:first-child + td {
    text-align: center;
    width: 20px;
}

table.ressources > tbody > tr > td:first-child + td > a {
    display: block;
    min-width: 20px;
}

table.ressources > tbody > tr > td:last-child {
    font-size: 80%;
    width: 26%;
}

table.ressources img {
    height: 20px;
}

img.illustration {
    float: left;
    padding-right: 12px;
    width: 110px;
}

img.illustration.mission {
    padding-bottom: 100px;
}

img.illustration.contenu {
    padding-bottom: 50px;
}

.container.mission h2,
.container.contenu h2 {
    border-bottom: solid 1px #E8E8E8;
}

a[href $='.pdf'] {
    background:             url("../media/icon/pdf.png") left center no-repeat;
    padding-left:          18px;
}

a[href ^='http://'],
a[href ^='https://'] {
    background: url("../.dullcms/media/references/external.png") right center no-repeat;
    padding-right: 13px;
    color: #337ab7;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

a:link,
a:visited {
    border-bottom:          1px dotted #d24896;
    color:                  #d24896;
    text-decoration:        none;
}

a.notable:link,
a.notable:visited {
	color: #a20856;
    font-size: 130%;
    font-weight: bold;
}

div.table-responsive table.table-striped td {
    font-size: 80%;
}

table.alumni tbody th:first-child {
    width: 3%;
    text-align: center;
}

table.alumni tbody th+th {
    width: 3%;
}

table.alumni tbody th+th+th {
    width: 20%;
}

table.alumni tbody th+th+th+td {
    width: 37%;
}

table.alumni tbody th+th+th+td+td {
    width: 37%;
}

a {
    text-decoration: none;
}

div.quote {
    background: #FAFAFA;
    border-left: 10px solid #ccc;
    color: #303030;
    font-family: "Great Vibes", cursive;
    margin: 1.5em 10px;
    padding: 24px 10px 8px 10px;
}

div.quote div {
    text-align: right;
    font-size: 160%;
    margin-right: 7em;
}

div.quote div:before {
    content: '---';
}

blockquote {
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before,
blockquote:after {
    color: #303030;
    content: open-quote;
    font-size: 500%;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote:after {
    content: close-quote;
    padding-left: 10px;
}

blockquote p {
    display: inline;
    font-size: 180%;
}


ul.tab {
    list-style-type: none;
    margin: -20px 0 20px 0;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f1f1f1;
    text-decoration: none;
}

ul.tab li {
    float: left;
    text-decoration: none;
}

ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.tab li a:hover {
    background-color: #ddd;
    text-decoration: none;
}

ul.tab li a:focus, .active {
    background: black;
    text-decoration: none;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: none;
}

table.ideas {
    border: none;
    width: 100%;
}

table.ideas td {
    vertical-align: top;
    width: 40%;
}

dd {
    margin:                 0.2em 0 1em 1.5em;
}

dd p {
    margin-top:             0;
}

dt {
    clear:                  both;
    font-size:              110%;
    font-weight:            bold;
}

img.cover,
img.hardware {
    clear: both;
    float: left;
    margin: 0 0 5px 0;
    padding: 0 10px 10px 0;
    width: 75px;
}

img.idea,
img.ressource {
    clear: both;
    float: left;
    margin: 30px 10px 20px 0;
    padding: 0;
    width: 90px;
}

img.ressource.alt {
    float: right;
    margin: 30px 0 0 10px;
}

p.source {
    color: gray;
    margin-top: -0.3em;
    font-size: 70%; 
    font-weight: bold;
}