body{
background-color:#fff;
color:#555;
float:center;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

div#container{
max-width:1200px;
min-height:500px;
margin:20px auto;
float:center;
border: 2px solid #426;
display: table;
}

div#container div#image .img-fluid{
height:100%;
padding:0;
margin:0;
width:100%;
position:relative;
top:0px;
}

div#container section{
float:center;
width:100%;
border: 0px solid #ccc;
margin:0px;
padding: 0px;
min-height:30px;
text-align:center;
background-color:#ccc;
}

div#container section img{
margin:15px;
float:right;
width:15%;
}

div#container section div#date{
float:center;
text-align:center;
font-size: 28px;
font-weight: bold;
color: #426;
font-weight: bold;
padding:10px;
margin: 0px;
}

div#container section div#titre{
font-size: 22px;
font-weight: bold;
font-style:italic;
color:#114;
text-align:center;
}

div#container section div#sous-titre{
font-size: 22px;
font-style:italic;
font-weight: bold;
color:#358;
text-align:center;
padding:10px 40px;
}

div#main{
background-color:#dddddf;
width:100%;
border: 0px solid #ccc;
float:center;
}



table{
background-color:#dddddf;
text-align:center;
color:#224;
float:center;
width:100%;
}

table .row{
100%;
}

td{
color:#222;
font-size:22px;
width:8%
font-weight:bold;
}

td a{
color:#f00;
}

td a:hover
{
background-color:#000;
color:#fff;
text-decoration:none;
}

div#container main div#iframe
{margin:0;
padding:0;
height:30px;
position:relative;
width:100%;
bottom:0;
}

/* Adjust font size for small screens */
@media (max-width: 980px) {
div#container main td a
 {
        font-size: 20px;
    }
}