#archannees {
position: relative;
width: 100%;
padding-bottom: 8px;
overflow-x: scroll;
background-color: #F4F4F4;
background-image: url(../styles2/img/bkgscrol1.png), url(../styles2/img/bkgscrol.png);
background-repeat: no-repeat;
background-position: left bottom, right bottom;
}
#archliste {
position: relative;
width: 100%;
padding-bottom: 8px;
margin-bottom: 4px;
overflow-x: scroll;
background-color: #C4FFFF;
background-image: url(../styles2/img/bkgscrol1.png), url(../styles2/img/bkgscrol.png);
background-repeat: no-repeat;
background-position: left bottom, right bottom;
}
#archannees td, #archliste td {
height: 24px;
padding-left: 12px;
padding-bottom: 0;
vertical-align: bottom;	
}
#archannees a  {
white-space: nowrap;
border: 1px solid grey;
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
background-color: #C4FFFF;
}
#archliste a  {
white-space: nowrap;
border-radius: 4px;
padding-left: 6px;
padding-right: 6px;
margin-left: 12px;
background-color: #FFCE76;
}
#archeader {
padding: 8px;
overflow: hidden;
}
#archvisio {
float: left;
width: 76%;
padding: 0;
border: 0;
overflow: hidden;
}
.archinfo {
float: left;
width: 20%;
padding: 8px;
border: 1px solid black;
border-radius: 8px;	
overflow: hidden;
}
.archcadr {
border: 1px solid black;
border-radius: 8px;
padding: 2px;
margin: 20px;	
overflow: hidden;
}
#archentete {
float: right;
width: 75%;
overflow: hidden;
}
#archcont {
position: relative;
width: 99%;
padding: 4px;
border: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
#archcont div {
margin: 4px;
}
#archcont p {
width: 99%;
text-align: center;
}
.archrecherche {
margin-top: 20px;
text-align: center;
padding: 2px;
}
.archrecherche form {
padding: 0;
}