Cinémathèque du Rhin supérieurKinemathek Oberrhein

@media (min-width: 300px) {
	.home {
  display: grid;
  grid-template-columns: 1fr, minmax(0fr,2fr);
  grid-gap: 5px;
/*  grid-auto-rows: minmax(100px, auto);*/
}
.top {
  grid-column: span 3;
  /*grid-row: 1;*/
}

.figure-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*
.left1 { 
  grid-column: 1;
  grid-row: 2;
}
.left2 {
  grid-column: 1;
  grid-row: 3;
}
*/
.right {
  grid-column: span 2;
  grid-row: span 2;	
}

}
/*
#top-wrap {
  background-image: url(/w/images/ban4.jpg);
}

#nav-meta {
  margin:0.5em -8em 0 1em;
  padding-left:1em;
  border left: none;
  border-left-width: 0;
}
*/

#main, #top-wrap, #tagline, #nav, #footer-wrap-inner, .message {
    width:80%;
    max-width: 80em;
    margin: 0 auto;
}

#nav-meta, .mw-jump {display:none;}

#search.widget {
	float:right;
	
}

#bottom-wrap {
  padding: 0.5em 0 0.5em 0;
  background:unset;
  background-image: url(/w/images/d/d8/Foot_bg.png);
}

a {
  border-bottom-style: none;
}

.them {
	    display: flex;
    flex-wrap: wrap;
}

.intro {
  text-align:justify;
  font-weight: bolder;
  font-size: 1.1em;
}

/* Zaïd proposals. To come back after trying, simply add &action=edit at the end of the url to get to the editing mode.*/
#top-wrap, #footer-wrap-inner, .message {
    width:100%;
    max-width: 100%;
    margin: 0 auto;
}

 #top-wrap {
  background-image: none; /*url(/w/images/f/ff/Background-Website01.jpg);*/
  background-color: #111;
  padding:3.625em 0 3.625em 0;
  

}
 #menu {
	margin:3em 0 -3.625em 0;
}

body {
	  background-color: #FFFFFF;
	  background: url(/w/images/3/36/Background-Website02.png) center fixed;
	  opacity:0.9;
}

 #main {
	border-width:0;
}

#ternary.footer {display:none;}

.thema {
	text-align:justify;
}

.grid-thema {
	display:grid;
	/*grid-gap:10px;*/
	/*border:1px solid;*/
	/*padding:1em;*/
	/*margin: 2em;*/
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	grid-column-gap:1em;
	/*background-color:#fff;*/
}

.col {
	background-color:#eee;
	padding:1em;
}

.image-en-tete {
	position:relative;
	text-align:left;
	color:white;
}

.bottom-left {
	position:relative;
	bottom: 7em;
	left:3em;
}

.mw-content-ltr .mw-collapsible-toggle {
	float: inherit;
}