body
{
background-color:black;
font-family:arial, helvetica, sans-serif;
color:white;
}

/* START FRONT */
#front
{
position:fixed;
width:100%;
top:0;
left:0;
right:0;
z-index:100;
background-color:white;
text-align:right;
font-size:0.6em;
text-align:center;
}

#front a
{
text-decoration:none;
font-weight:bold;
color:black;
}
/* END FRONT */

/* START HEADER */
#header
{
position:relative;
width:100%;
border:2px solid white;
margin-top:1.2em;
}

#logo
{
margin:1px 1px 1px 1px;
width:7em;
text-align:left;
border:0;
}

#subtitle
{
font-weight:bold;
font-size:0.7em;
margin:3px 3px 3px 3px;
text-align:right;
}
/* END HEADER */

/* START MAIN */
#main
{
position:relative;
width:100%;
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.maintxt
{
max-width:50em;
margin-left:auto;
margin-right:auto;
}
#main a
{
text-decoration:none;
color:white;
}
.aind
{
width:0.6em;
height:0.6em;
margin-left:2px;
margin-right:2px;
vertical-align:top;
border:0;
}
#cover{
width:100%;	
}
.title
{
position:relative;
width:100%;
color:white;
margin: 15px auto 5px auto;
border-width:2px; 
border-style:solid none solid none;
border-color:white;
font-size:1.2em;
font-weight:bold;
text-align:right;
background-color:black;
background-image:url(frites.jpg);
background-repeat:no-repeat;
background-position:center left;
background-size: 50%;
}
.tpic
{
height:1em;
margin-right:5px;
vertical-align:text-top;
margin-top:3px;
}

.txt
{
margin:3px 8px 3px 8px;
font-size:1em;
text-align:left;
}
.intro
{
margin:3px 8px 3px 20px;
font-size:1.4em;
line-height:90%;
text-align:left;
font-style:italic;
}

.but, .but:link, .but:visited,  .but:active
{
padding:2px 1em 2px 1em;
margin:4px auto 4px auto;
display:block;
width:30%;
min-width:10em;
font-size:1em;
text-align:center;
font-weight:bold;
border:2px solid white;
}
.but:hover
{
background-color:white;
border:2px solid black;
color:black !important;
}

/* START COVID */
#covid-info{
position: fixed;
bottom: 0.3em;
left: 0.3em;
right: 0.3em;
background-color: #e6b452f0;/*#f2c051dd;	 e6c152f0*/
padding: 0.5em;
font-size: 1.1em;
text-shadow: 1px 1px 1px black;
border: 1px white solid;
transition: all 300ms;
}
#covid-info::after{
position: absolute;
bottom: 3px;
right:10px;
content: 'toucher pour fermer';
font-size:0.7em;
text-align:center;	
}
#covid-info.hidden{
transform: translateY(100%);
opacity: 0;
}


/*#days
{list-style-type:none;
margin:3px 8px 3px 8px;
padding-left: 0px;
}
#days li
{
margin:1px 1px 1px 1px;
font-size:1em;
text-align:left;
text-indent: 0px;
}
#days li:before
{
padding-right: 1em;
content:"□";
}
#days li.closed
{
color:darkgrey;
}
#days li.sel
{
font-weight:bold;
border:1px dotted white;
}
#days li.sel:before
{
content:"■";
}*/

/*#chezvous, #cheznous
{
position:relative;
border:2px solid white;
display: -moz-inline-stack;
display: inline-block;
margin-top:2px;
margin-bottom:2px;
}
#chezvous img, #cheznous img
{
width:14em;
width:45vmax;
display:block;
border:0;
}
#chezvous p, #cheznous p 
{
font-weight:bold;
font-size:1.3em;
margin: 1px 1px 1px 1px;
}
#chezvous p
{
text-align:left;
}
#cheznous p
{
text-align:right;
}*/
/* END MAIN */