@font-face {
    font-family: 'Overpass';
    src: url(overpass_med.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'Overpass';
    src: url(overpass_extrabold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'Overpass';
    src: url(overpass_medita.ttf);
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Overpass';
    src: url(overpass_extraboldita.ttf);
    font-weight: bold;
    font-style: italic;
}

::selection {
    background: #FF6600;
    color: white;
}


body {
    font-family: 'Overpass';
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    color: white;
    background-color: #FF9933;
    background: linear-gradient(180deg,rgba(255, 153, 51, 1) 40%, rgba(255, 184, 112, 1) 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* Fonds en fonction de l'émission */
.logos {
    background-image: url(./parlons-logo/bglogo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.ched {
    background-color: darkgray;
    background-image: url(./charlie-eddie/bgched.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: multiply;
}

.bric {
    background-color: darkgray;
    background-image: url(./bric-a-brac/bgbric.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: multiply;
}

.defi {
    background-image: url(./defimania/bgdefi.png);
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: multiply;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol {
    margin: 0px;
}

li::marker {
    font-weight: bold;
}

table.mshead {
    padding: 0px;
}

.mshead td {
    padding: 0px;
    margin: 0px;
}

table.minisite {
    padding: 10px;
    margin-top: -8px;
    margin-bottom: 10px;
    background: linear-gradient(180deg, #333333cc 50%, #777777cc 100%);
    border: solid 1px darkgrey;
}

td {
    vertical-align: top;
}

.minia {
    background-color: white;
    border-radius: 0px;
    width: 177.8px;
    height: 100px;
    transition: 0.2s ease-in-out;
}

.minia:hover {
    border-radius: 17px;
}

.minia img {
    transition: 0.2s ease-in-out;
}

.minia:hover img {
    opacity:0.37;
    border-radius: 17px;
}

.boldnt {
    font-weight: normal;
}

a {
    color: #f60;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

a:hover {
    color: #fc0;
}

.info th {
    text-align: right;
    padding-right: 7px;
}

.zoom {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    transition: transform 0.3s ease;
}

.zoom:hover {
  transform: scale(1.3);
}