Cinematheque du Rhin superieur - Kinemathek Oberrhein - Contributions de l’utilisateur [fr]

MediaWiki:Erudite.css

2021-03-01T16:59:48Z

Bertholom :

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

.left1 {

}
.left2 {

}

.right {

}

}
/*
#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-image: none !important;
}

#main {
border-width:0;
}

/*#ternary.footer {display:none;}*/
#toolbox {display:none;}

.thema {
text-align:justify;
text-justify: inter-word;
}

.grid-themaold {
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;
}

.mw-cite-backlink a{
display:inline-block;
}
@media (min-width: 801px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
/*
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
*/
}
@media (max-width: 800px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
}

#vignette{
padding:10px
}

/* gen */

/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@200;400;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;600;800&display=swap');*/
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Light.ttf');
font-weight: 300;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Thin.ttf');
font-weight: 100;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-SemiBold.ttf');
font-weight: 600;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-ExtraBold.ttf');
font-weight: 800;
}
body, h1, h2, h3, h4, h5, h6, h7 {font-family: 'Overpass', sans-serif; font-weight : 600;}
h1, h2, h3, h4, h5, h6, h7 {text-transform : uppercase;}

#bodyContent h1 {font-size : 2.5em; color : #000000; margin-top : 0; font-weight : 500; line-height : 1.2;}
#bodyContent > h1 {text-align : center; font-weight : 500 !important;}
#bodyContent h2 {font-size : 1.75em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h3 {font-size : 1.5em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h4 {font-size : 1.35em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h5 {font-size : 1.15em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h2 b, #bodyContent h3 b, #bodyContent h4 b, #bodyContent h5 b {font-weight : 500;}
body {font-weight : 300; color : #444444;}

a, a:visited, li a, li a:visited {color : #2cafdf;}
a.new {color : #2cafdf; font-weight : 500;}
a:hover, li a:hover {color : #000000; background-color : transparent;}

#bodyContent {padding-top : 3em;}

#bodyContent b {font-weight : 600;}

.justified, .justified > * {text-align : justify !important;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* fix bootstrap */
.clearfix:before {
display: block !important;
content: normal !important;
}

.thumb.tright {margin-left : 2.5em; margin-bottom : 1em;}

button {border : none !important;}
button, sup.reference > a {background-color : #2cafdf !important; color : #FFFFFF !important; padding : 0.5em ; font-size : 1em; border : none; border-radius : 5px; text-transform : uppercase;}
sup.reference > a {padding : 0.25em; font-size : 0.75em; font-weight : 600; letter-spacing : 0.1em; margin-left : 0.25em; margin-right : 0.25em;}
button:hover, sup.reference > a:hover {background-color : #000000 !important; color : #FFFFFF !important; cursor : pointer;}

ol.references > li {padding : 0.5em;}
ol.references > li:target {background-color : #F2F2F2;}

#bodyContent p {text-align : justify;}
hr {background : none; height : 0; border-bottom : 1px #AAAAAA dotted;}

.toHide {display : none;}

div.floatleft, table.floatleft {margin : 0 2.5em 1em 0;}

.mw-collapsible {text-align : right;}
.mw-collapsible a.mw-collapsible-text {display : inline-block; padding : 0.5em 0.5em 0.25em 0.5em; background-color : #2cafdf; color : #FFFFFF; line-height : 1; border-radius : 5px; margin-right : 0.5em;}
.mw-collapsible a.mw-collapsible-text:hover {background-color : #000000; color : #FFFFFF;}
.mw-collapsible-toggle-default:before,
.mw-collapsible-toggle-default:after {content : '' !important; display : none !important;}

#nav2 ul li a,
#menu li a,
#menu li.widget#search input#searchsubmit,
#menu li.widget#search input#s,
#bodyContent a,
button{
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}

@media screen and (min-width: 800px) {
.cols2{
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.cols3{
-moz-column-count: 3;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.cols4{
-moz-column-count: 4;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.cols5{
-moz-column-count: 5;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.cols2, .cols3, .cols4, .cols5 {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
.cols2 > *, .cols3 > *, .cols4 > *, .cols5 > * {
text-align : justify;
}
/*.gallery.mw-gallery-packed*/
ul.gallery {margin-top : 1.5em; margin-bottom : 1.5em;}
ul.gallery .gallerytext a {text-transform : uppercase; text-align : left; line-height : 1.2;}
ul.gallery.mw-gallery-packed .gallerytext a {padding-top : 0.5em; padding-bottom : 0.5em;}
ul.gallery.mw-gallery-packed .gallerytext a:hover {color : #000000;background-color : transparent !important;}
ul.gallery li.gallerybox .thumb a:hover {background-color : transparent !important;}
ul.gallery li.gallerybox .thumb img {padding : 0;}
/*ul.gallery.mw-gallery-packed li.gallerybox {margin : 0.5em;}*/
body.rootpage-Accueil h2 {text-align : center !important; margin-top : 0em; margin-bottom : 0.65em; font-size : 1.75em; color : #000000; font-weight : 600; text-transform : none;}

/* entete */

#top-wrap {position : relative; background-image : url(images/rhinedits_bandeau_accueil_h.jpg); background-size : cover; background-position : 0 15%; padding-top : 1.8em;}
body.rootpage-Accueil #top-wrap {padding-top : 15%; padding-bottom : 15%;}
body.rootpage-Accueil #nav {position : absolute; bottom : 3.625em;}

/* main */

body {line-height : 1.6 !important;}
#main {position : relative;}
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 3.25em !important;
padding-left: 2em !important;
padding-right: 2em !important;
font-weight : 400;
background-image : url(images/rhinedits_dp.png); background-repeat : no-repeat; background-position : 0.65em 50%; background-size : 66px 89px;
}
#top-wrap h1 b {
font-weight : 700;
}
#tagline {
font-size : 1.25em;
padding-left: 5.2em !important;
padding-right: 5.2em !important;
margin-top : 1.1em !important;
}
#nav {border-left : none; border-right : none;}

/* nav-meta */

#main, #top-wrap, #top-wrap h1, #tagline, #nav, #footer-wrap-inner, .message {
width : auto !important;
max-width : none !important;
}
#top-wrap h1 {text-transform : none;}

#nav-meta {padding : 1em; background-color : rgba(0,0,0,0.5); float : none; position : absolute; right : 0em; top : 1.5em; margin : 0 !important; z-index : 100;}
#nav-meta a {color : #DDDDDD; font-style : italic !important; font-weight : normal !important;}
#nav-meta a:hover {color : #FFFFFF;}
#nav-meta span {padding : 0.2em 0;}

/* menu */

#menu {background-color : transparent; margin-bottom : -3.75em; padding-left : 6.5em; margin-top : 1.6em;}
#menu li {margin-right : 0.75em; margin-bottom : 0.75em; border : none; padding : 0 !important;}
#menu li a {
color : #FFFFFF; text-transform : uppercase; border-radius : 5px; padding : 0.3em 1em;
}
#menu li a:hover,
#menu li:hover a {color : #FFFFFF; text-decoration : none !important;}
#menu li:nth-child(1) a {background-color : #f3b500;}
#menu li:nth-child(2) a {background-color : #d51115;}
#menu li:nth-child(3) a {background-color : #23398c;}
#menu li:nth-child(4) a {background-color : #000000;}
/*
#menu li:nth-child(1):hover a {background-color : #cc9900;}
#menu li:nth-child(2):hover a {background-color : #b00e11;}
#menu li:nth-child(3):hover a {background-color : #1a2a66;}
#menu li:nth-child(4):hover a {background-color : #000000;}
*/
#menu li:nth-child(1):hover a {background-color : #ffc800;}
#menu li:nth-child(2):hover a {background-color : #ff1418;}
#menu li:nth-child(3):hover a {background-color : #2d4ab3;}
#menu li:nth-child(4):hover a {background-color : #000000;}
#menu li.widget#search {
float: left;
}

/* search */

#menu li.widget#search div {font-size : 0; vertical-align : middle;}
#menu li.widget#search div > input {font-size : 1rem; display : inline-block; vertical-align : middle;}
#menu li.widget#search input#s,
#menu li.widget#search input#searchsubmit{border : none;}
#menu li.widget#search input#s {border-top-left-radius : 5px; border-bottom-left-radius : 5px; padding : 0.6rem 1rem; background-color : #EEEEEE;}
#menu li.widget#search input#s:focus {background-color : #FFFFFF;}
#menu li.widget#search input#searchsubmit{border-top-right-radius : 5px; border-bottom-right-radius : 5px; padding : 0.25rem 0; text-transform : uppercase; cursor : pointer; padding : 0.6rem 1rem; background-color : #FFFFFF; color : #444444;}
#menu li.widget#search input#searchsubmit:hover{background-color : #FFFFFF; color : #000000;}

/* nav2 */

#nav2 {position : absolute; right : 6em; top : 0em; width : 100%;}
#nav2 ul {text-align : right;}
#nav2 ul li {display : inline-block;}
#nav2 ul li a {
text-transform : uppercase; color : #FFFFFF; border-radius : 5px; padding : 0.3em 1em; font-size : 1em; font-weight : 500;
}
#nav2 ul li a:hover {background-color : rgba(0,0,0,0.5);}

/* footer */

#bottom-wrap {padding : 0; background-image : none; background-color : transparent;}
.footer1 {padding-top : 2.5em;}
.footer1 .footerLine1 {font-size : 0; padding : 2rem 7rem; background-color : #FFFFFF; border-top : 2px #000000 solid;}
.footer1 .footerLine2 {font-size : 0; padding : 1rem 7rem; background-color : #000000;}
.footer1 .footerLine1 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : middle;
}
.footer1 .footerLine1 > .footerCol1 {
width : 36.5%;
text-align : left;
}
.footer1 .footerLine1 > .footerCol2 {
width : 51.5%;
text-align : center;
}
.footer1 .footerLine1 > .footerCol3 {
width : 12%;
text-align : right;
}
.footer1 .footerLine1 > * > a {
display : inline-block; margin : 0.5rem; vertical-align : middle;
}
.footer1 .footerLine1 > * > a > img {
filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.footer1 .footerLine1 > * > a:hover > img {
filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);
}
.footer1 .footerLine1 > * > a#img_feder > img {
/*height : 54px !important;
width : auto !important;*/
height : auto !important;
width : 294px !important;
}
.footer1 .footerLine1 > * > a#img_io > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 90px !important;
}
.footer1 .footerLine1 > * > a#img_ho > img {
/*height : 50px !important;
width : auto !important*/
height : auto !important;
width : 235px !important;
}
.footer1 .footerLine1 > * > a#img_uds > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 168px !important;
}
.footer1 .footerLine1 > * > a#img_mira > img {
/*height : 77px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine1 > * > a#img_cbnn > img {
/*height : 32px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine2 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : top;
color : #FFFFFF;
}
.footer1 .footerLine2 > * {
width : 33.33%;
font-size : 1rem;
}
.footer1 .footerLine2 > .footerCol1 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol2 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol3 {
text-align : right;
}
.footer1 .footerLine2 ul,
.footer1 .footerLine2 ul li {
display : block; margin : 0; padding : 0; list-stle-type : none;
}
.footer1 .footerLine2 h3 {margin : 0 0 0 0.2em; padding : 0;}
.footer1 .footerLine2 > .footerCol1 h3 {display : none !important;}
.footer1 .footerLine2 a {color : #FFFFFF;}
.footer1 .footerLine2 a:hover {color : #FFFFFF;}

.footer1 .footerLine2 li,
.footer1 .footerLine2 li.active {background-color : transparent; margin-bottom : 1px;}

.footer1 .footerLine2 li > a {display : inline-block; border-radius : 5px; padding : 2px 5px;}
.footer1 .footerLine2 li.active > a {background-color : #444444;}

.footer1 .footerLine2 li#pt-uls a.uls-trigger {line-height : inherit !important; padding-left : 32px;}

/* Liste videos */

.videoElement {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}
.videoElement .mediaPart {position : relative; padding-top : 75%; overflow : hidden;}
.videoElement .mediaPart > video,
.videoElement .mediaPart > img {position : absolute !important; bottom : 0 !important; left : 0 !important; right : 0 !important; width : 100% !important;}
.videoElement .metasPart {padding-top : 0.75em;}
#bodyContent .videoElement p {text-align : left;}
.videoElement p a:first-child {font-size : 1.25em; text-transform : uppercase;}

/* Sommaire #toc*/

#toc .tocnumber {display : none;}
#toc ul, #toc li {display : block; margin : 0; padding : 0; list-style-type : none; text-align : center;}
#toc li {display : inline-block; margin : 0.1em 0.05em;}
#toc li a {background-color : #2cafdf; color : #FFFFFF; padding : 0.25em 0.5em; font-size : 0.95em; border : none; border-radius : 5px; font-weight : 400;}
#toc li a b{font-weight : 400;}
#toc li a:hover {background-color : #000000; color : #FFFFFF;}
.toctitle {display : none !important;}
#toc .periodeNbFilms,
#toc .toctext span {display : none;}

/* fiche */

#vid {max-width : 960px; margin-left : auto; margin-right : auto;}
.signature {font-size : 0.85em;}
.signature p {padding : 0; margin : 0;}

/* Epoques */

.page-Epoques #toc li a {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Epoques a, .page-Epoques li a {color : #2d4ab3;}
.page-Epoques a:hover, .page-Epoques li a:hover {color : #000000;}
.page-Epoques button {background-color : #2d4ab3 !important; color : #FFFFFF !important;}
.page-Epoques button:hover {background-color : #000000 !important; color : #FFFFFF !important;}
.listCategory .periodeNbFilms {display : block;}
.page-Epoques .mw-collapsible a.mw-collapsible-text {background-color : #2d4ab3;}
.page-Epoques .mw-collapsible a.mw-collapsible-text:hover {background-color : #000000;}
.listCategory {text-align : center; background-image : url(images/rhinedits_fleches_chrono.png); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;}
.listCategory span.mw-headline {background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #2d4ab3; /*font-size : 0.8em; */line-height : 1.2; font-weight : 600;}
.listCategory span.mw-headline span.periodeNbFilms {font-weight : 300; text-transform : none; font-size : 0.8em;}
@media screen and (min-width: 1680px) {
.listCategory {background-size : 100% 28px;}
}

/* Thématiques */

.page-Borders #toc li a,
.page-Body_and_Health #toc li a,
.page-Identity #toc li a,
.page-War #toc li a,
.page-European_construction #toc li a,
.page-The_Rhine_cross-border_symbol #toc li a,
.page-Sport #toc li a,
.page-Health #toc li a,
.page-Environment #toc li a,
.page-Traditions #toc li a,
.page-Industrial_and_cultural_heritage #toc li a,
.page-Places #toc li a {background-color : #d51115; color : #FFFFFF;}
.page-Borders #toc li a:hover,
.page-Body_and_Health #toc li a:hover,
.page-Identity #toc li a:hover,
.page-War #toc li a:hover,
.page-European_construction #toc li a:hover,
.page-The_Rhine_cross-border_symbol #toc li a:hover,
.page-Sport #toc li a:hover,
.page-Health #toc li a:hover,
.page-Environment #toc li a:hover,
.page-Traditions #toc li a:hover,
.page-Industrial_and_cultural_heritage #toc li a:hover,
.page-Places #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Borders a,
.page-Body_and_Health a,
.page-Identity a,
.page-War a,
.page-European_construction a,
.page-The_Rhine_cross-border_symbol a,
.page-Sport a,
.page-Health a,
.page-Environment a,
.page-Traditions a,
.page-Industrial_and_cultural_heritage a,
.page-Places a {color : #d51115;}
.page-Borders a:hover,
.page-Body_and_Health a:hover,
.page-Identity a:hover,
.page-War a:hover,
.page-European_construction a:hover,
.page-The_Rhine_cross-border_symbol a:hover,
.page-Sport a:hover,
.page-Health a:hover,
.page-Environment a:hover,
.page-Traditions a:hover,
.page-Industrial_and_cultural_heritage a:hover,
.page-Places a:hover {color : #000000;}
.page-Borders button,
.page-Body_and_Health button,
.page-Identity button,
.page-War button,
.page-European_construction button,
.page-The_Rhine_cross-border_symbol button,
.page-Sport button,
.page-Health button,
.page-Environment button,
.page-Traditions button,
.page-Industrial_and_cultural_heritage button,
.page-Places button {background-color : #d51115 !important; color : #FFFFFF !important;}
.page-Borders button:hover,
.page-Body_and_Health button:hover,
.page-Identity button:hover,
.page-War button:hover,
.page-European_construction button:hover,
.page-The_Rhine_cross-border_symbol button:hover,
.page-Sport button:hover,
.page-Health button:hover,
.page-Environment button:hover,
.page-Traditions button:hover,
.page-Industrial_and_cultural_heritage button:hover,
.page-Places button:hover {background-color : #000000 !important; color : #FFFFFF !important;}

.thema {position : relative;}
.thema .col {background-color : transparent;}
.thema > p,
.intro2cols {font-weight : lighter; max-width : 1260px; margin-left : auto; margin-right : auto; margin-bottom : 2.5em; font-size : 1.15em;}
/*.intro2cols {margin-bottom : 0em;}*/

.thema .col a img {max-width : none; width : 100% !important; height : auto !important; padding : 0;}

.thema .grid-thema {margin-left : -1em; margin-right : -1em;}

.thema .grid-thema .col ul {margin-left : auto; margin-right : auto; margin-bottom : 1.5em; padding : 0; display : block; max-width : 20em;}
.thema .grid-thema .col ul li {padding : 0; margin : 0.5em 0; display : block; list-style-type : none;}

.thema .grid-thema .col ul li a {font-size : 0em; background-color : #d51115; color : #FFFFFF; border-radius : 5px; text-align : center; padding : 0.5rem 1rem 0.2rem 1rem; text-transform : uppercase; line-height : 1.2;}
.thema .grid-thema .col ul li a:hover {background-color : #000000;}
.thema .grid-thema .col ul li a big {font-size : 1.1rem;}

.thema .grid-thema .col > h2 {text-align : center;}

.page-Borders #bodyContent h1,
.page-Body_and_Health #bodyContent h1,
.page-Identity #bodyContent h1,
.page-War #bodyContent h1,
.page-European_construction #bodyContent h1,
.page-The_Rhine_cross-border_symbol #bodyContent h1,
.page-Sport #bodyContent h1,
.page-Health #bodyContent h1,
.page-Environment #bodyContent h1,
.page-Traditions #bodyContent h1,
.page-Industrial_and_cultural_heritage #bodyContent h1,
.page-Places #bodyContent h1 {text-align : center;}

.page-Borders #bodyContent h2,
.page-Body_and_Health #bodyContent h2,
.page-Identity #bodyContent h2,
.page-War #bodyContent h2,
.page-European_construction #bodyContent h2,
.page-The_Rhine_cross-border_symbol #bodyContent h2,
.page-Sport #bodyContent h2,
.page-Health #bodyContent h2,
.page-Environment #bodyContent h2,
.page-Traditions #bodyContent h2,
.page-Industrial_and_cultural_heritage #bodyContent h2,
.page-Places #bodyContent h2 {min-height : 0.75em; position : relative; text-align : center; background-color : #d51115; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em;/* padding : 0 0 0.5em 0; margin : 0 0 0.5em 0; background-image : url('images/rhinedits_fleche_thematiques.png'); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;*/ padding-left : 2.5em; padding-right : 2.5em;}

.page-Borders #bodyContent h2 span.mw-headline:before,
.page-Body_and_Health #bodyContent h2 span.mw-headline:before,
.page-Identity #bodyContent h2 span.mw-headline:before,
.page-War #bodyContent h2 span.mw-headline:before,
.page-European_construction #bodyContent h2 span.mw-headline:before,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline:before,
.page-Sport #bodyContent h2 span.mw-headline:before,
.page-Health #bodyContent h2 span.mw-headline:before,
.page-Environment #bodyContent h2 span.mw-headline:before,
.page-Traditions #bodyContent h2 span.mw-headline:before,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline:before,
.page-Places #bodyContent h2 span.mw-headline:before {
position: absolute;
left: 50%;
bottom: -42px;
border-color: #d51115 transparent transparent transparent;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}

.page-Borders #bodyContent h2 span.mw-headline,
.page-Body_and_Health #bodyContent h2 span.mw-headline,
.page-Identity #bodyContent h2 span.mw-headline,
.page-War #bodyContent h2 span.mw-headline,
.page-European_construction #bodyContent h2 span.mw-headline,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline,
.page-Sport #bodyContent h2 span.mw-headline,
.page-Health #bodyContent h2 span.mw-headline,
.page-Environment #bodyContent h2 span.mw-headline,
.page-Traditions #bodyContent h2 span.mw-headline,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline,
.page-Places #bodyContent h2 span.mw-headline {position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #d51115; font-weight : 600; vertical-align :top; padding-top : 0.1em;}

/*
.page-Borders h2 span.mw-headline b,
.page-Body_and_Health h2 span.mw-headline b,
.page-Identity h2 span.mw-headline b,
.page-War h2 span.mw-headline b,
.page-European_construction h2 span.mw-headline b,
.page-The_Rhine_cross-border_symbol h2 span.mw-headline b,
.page-Sport h2 span.mw-headline b,
.page-Health h2 span.mw-headline b,
.page-Environment h2 span.mw-headline b,
.page-Traditions h2 span.mw-headline b,
.page-Industrial_and_cultural_heritage h2 span.mw-headline b,
.page-Places h2 span.mw-headline b {font-weight : normal;}
*/

/*
.thema .grid-thema .col {background-repeat : no-repeat; background-position : 50% 18px; background-size : 92px 92px; padding-top : 128px;}
.thema .grid-thema .col:nth-child(1) {background-image : url(images/rhinedits_picto_frontieres_128.png);}
.thema .grid-thema .col:nth-child(2) {background-image : url(images/rhinedits_picto_corps-sante_128.png);}
.thema .grid-thema .col:nth-child(3) {background-image : url(images/rhinedits_picto_identite_128.png);}
*/

@media screen and (min-width: 1171px) {
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
}
@media screen and (max-width: 1170px) {
.grid-thema {
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
}
}

@media screen and (min-width: 800px) {
.thema > p,
.intro2cols {
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;

-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}

/* Cineastes */

.page-Réalisateurs a, .page-Réalisateurs li a {color : #ffb400;}
.page-Réalisateurs a:hover, .page-Réalisateurs li a:hover {color : #000000;}
.page-Réalisateurs button {background-color : #ffb400 !important; color : #FFFFFF !important;}
.page-Réalisateurs button:hover {background-color : #000000 !important; color : #FFFFFF !important;}

.page-Réalisateurs div.colonnes {-moz-column-gap:5em !important; -webkit-column-gap:5em !important; column-gap:5em !important;}
.page-Réalisateurs div.cineastesElements {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
.page-Réalisateurs div.cineastesElements > p,
.page-Réalisateurs div.cineastesElements > hr,
.page-Réalisateurs div.cineastesElements div.cineast > hr {display : none !important;}
.page-Réalisateurs div.cineastesElements div.cineast {border : 1px #E6E6E6 solid;/* border-radius : 10px;*/ /* display : inline-block; width : calc(33.33% - 3rem - 2px); */vertical-align : top; line-height : 1.2;margin: 0;padding: 2.5rem 1.5rem 0rem 1.5rem;/*margin: 1.5rem;*/box-sizing: border-box;}
/*.page-Réalisateurs div.cineastesElements div.cineast {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}*/
/*.page-Réalisateurs div.cineast {break-inside : avoid;}*/
.page-Réalisateurs div.cineast > p:first-child {text-align : center !important;}
.page-Réalisateurs div.cineast > p:first-child > a {font-size : 1.25em; text-transform : uppercase;}
.page-Réalisateurs div.cineast > p:first-child b {display : block !important; width : 100% !important; text-align : center; padding-top : 1em;}
.page-Réalisateurs div.cineast > p:first-child b a img {padding : 0 !important; margin : 0 auto !important;}
.page-Réalisateurs div.cineast .cineastMetas {text-align : left; font-size : 0.9em; max-width : 350px; margin : 0 auto;}
.page-Réalisateurs div.cineast .cineastMetas p {text-align : left !important;}
.page-Réalisateurs div.cineast .cineastMetas b {font-weight : 600;}

.cineaste a, .cineaste li a {color : #ffb400;}
.cineaste a:hover, .cineaste li a:hover {color : #000000;}
.cineaste button {background-color : #ffb400 !important; color : #FFFFFF !important;}
.cineaste button:hover {background-color : #000000 !important; color : #FFFFFF !important;}
.ficheCineaste {margin-bottom : 2.5em;}
h2.joinTitle {background-color : #2cafdf; min-height : 0.75em; position : relative; text-align : center; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em; padding-left : 2.5em; padding-right : 2.5em;}
h2.joinTitle.rea { background-color : #ffb400;}

h2.joinTitle b:before {
border-color : #2cafdf;
position: absolute;
left: 50%;
bottom: -42px;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}
h2.joinTitle.rea b:before {border-color: #ffb400 transparent transparent transparent;}

h2.joinTitle b {color : #2cafdf;position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; font-weight : 600; vertical-align :top; padding-top : 0.1em;}
h2.joinTitle.rea b {color : #ffb400;}

.metasTable {background-color : transparent; margin : -5em auto 3.5em auto; max-width : 760px; border : 1px #DDDDDD solid;/* border-radius : 10px;*/}
.metasTable td {padding : 1.5em;}
.metasTable td:first-child b {font-weight : 600;}
.metasTable .thumb.tright {margin : 0;}
.metasTable div.thumbinner {border : none; padding : 0; background-color : transparent;}
.metasTable .thumbcaption {text-align : center; display : none;}

.ficheCineaste .resume, .ficheCineaste .commentaire {margin-bottom : 1.5em;}

/* fiche film */

.ficheFilm {text-align : center;}
.ficheFilm .vid_metas {/*background-color : #F2F2F2; */padding : 0em; text-align : left; vertical-align : middle; margin : 3.5em auto;/* border-top-right-radius : 10px; border-bottom-right-radius : 10px;*/border : 1px #E6E6E6 solid;}
.ficheFilm .vid_metas #vid, .vid_metas #metas {display : inline-block; font-size : 0; vertical-align : middle;}
.ficheFilm .vid_metas #vid {width : 50%; font-size : 1rem; margin : 0; padding : 0; background-color : #000000;}
.ficheFilm .vid_metas #metas {width : 49%; font-size : 1rem; margin : 0; padding : 0 2.5em; text-align : center; box-sizing : border-box;}
.ficheFilm .vid_metas #metas > * {display : inline-block; max-width : 560px;}
.ficheFilm .vid_metas #metas h2 {margin-bottom : 0.5em; display : none;}
.ficheFilm .vid_metas #metas h2 b {font-weight : 500;}
.ficheFilm .resume {font-size : 1.15em; font-weight : lighter; text-align : justify; margin-bottom : 1.5em;}
.ficheFilm .resume > h2:first-child {display : none;}
.ficheFilm .description, .ficheFilm .contexteAnalyse, .ficheFilm .personnagesIdentifies, .ficheFilm .lieuxOuMonuments {text-align : justify;}
.ficheFilm .biblio {text-align : left;}
.ficheFilm .mapCanvas {margin : 2.5em auto 1.5em auto !important;}
.ficheFilm > p:first-child {display : none;}
.ficheFilm > hr:last-child {display : none;}

.ficheFilm > *:not(.vid_metas){
max-width : 960px;
margin-left : auto !important; margin-right : auto !important;
}

/*
@media screen and (min-width: 800px) {
.ficheFilm .resume > *:not(h2), .ficheFilm .description > *:not(h2), .ficheFilm .contexteAnalyse > *:not(h2){
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.ficheFilm .resume > *:not(h2), .ficheFilm .description > *:not(h2), .ficheFilm .contexteAnalyse > *:not(h2) {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
*/

/* Recherche generale */

.mw-search-results {max-width : none;}
.mw-search-result .mw-search-result-heading {font-weight : 600;}
.mw-search-result div.searchresult {margin-top : 0.35em;}

#mw-content-text .mw-parser-output {margin-left : -2.5em; margin-right : -2.5em;}
#mw-content-text .mw-parser-output > div {box-sizing : border-box; padding : 0 2.5em;}

/* Carte */

.olFramedCloudPopupContent {padding : 5px !important;}
.olFramedCloudPopupContent > div {padding : 1em 2.5em 1em 1em !important;}
.olPopup h2 {margin-top : 0 !important; text-align : left !important; font-size : 1.25em !important;}
.olPopupCloseBox {right : 60px !important; top : 65px !important;}

/* media queries */

@media screen and (min-width: 801px) and (max-width: 1440px) {
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 2.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 66px 89px;
}
#tagline {
font-size : 1em;
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
#nav2 ul li a {
font-size : 0.9em;
font-weight : 500;
}
.videoElement {width : calc(50% - 0.25rem);}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(2, 1fr);
}
#mw-content-text .mw-parser-output > div {width : 50% !important;}
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}
}

@media screen and (min-width: 35.001em) and (max-width: 55em) {
#bodyContent, .message *, #footer {
padding-left: 4em !important;
padding-right: 4em !important;
}
.catlinks {margin-left : 4em; margin-right : 4em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 44px 60px;
}
#tagline {
font-size : 1em;
padding-left: 4em !important;
padding-right: 4em !important;
}
#nav2 {
right : 5em; top : 0.35em;
}
#nav2 ul li a {
font-size : 0.75em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.75em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 4rem; padding-right : 4rem;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 6.5em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(1, 1fr);
}
.vid_metas #vid, .vid_metas #metas {display : block;}
.vid_metas #vid {width : 100%;}
.vid_metas #metas {width : 100%;}

.metasTable, .metasTable tbody, .metasTable tr, .metasTable td {display : block; width : 100%; box-sizing : border-box;}
.metasTable div.tright {float : none; clear : both;}

.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}

#mw-content-text .mw-parser-output > div {width : 100% !important; float : none !important;}
}

@media screen and (max-width: 35em) {
#bodyContent, .message *, #footer {
padding-left: 2em !important;
padding-right: 2em !important;
}
.catlinks {margin-left : 2.5em; margin-right : 2.5em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.25em !important;
padding-left: 1.6em !important;
padding-right: 1.6em !important;
background-position : 0em 50%; background-size : 27px 36px;
}
#tagline {
font-size : 1em;
padding-left: 2em !important;
padding-right: 2em !important;
display : none !important;
}
#nav2 {
right : 5em; top : 0.3em;
}
#nav2 ul li a {
font-size : 0.65em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.65em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 2rem; padding-right : 2rem;}
.footer1 .footerLine1 > .footerCol1, .footer1 .footerLine1 > .footerCol2, .footer1 .footerLine1 > .footerCol3 {width : 100%; text-align : center;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 2em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(1, 1fr);
}
.vid_metas #vid, .vid_metas #metas {display : block;}
.vid_metas #vid {width : 100%;}
.vid_metas #metas {width : 100%;}

.metasTable, .metasTable tbody, .metasTable tr, .metasTable td {display : block; width : 100%; box-sizing : border-box;}
.metasTable div.tright {float : none; clear : both;}

.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}

#mw-content-text .mw-parser-output > div {width : 100% !important; float : none !important;}
}

MediaWiki:Tagline

2021-03-01T09:00:31Z

Bertholom :

Films amateurs franco-allemands du XXe siècle | Deutsch-französische Privatfilme des 20. Jahrhunderts

Modèle:FicheSequence

2021-03-01T08:07:40Z

Bertholom :

<noinclude>
Ceci est le modèle « Fiche sequence ».
{{#cargo_declare:_table=Sequences|titre=String|sous_titre=String|video=String|dateDebut=Date|dateFin=Date|annee=integer|duree=Integer|genre=Page|format_original=Page|coloration=String|son=String|langue=String|realisateurs=List (;) of Page|droits=String|lieuTournage=Coordinates|fonds=Page|pieces_jointes=List (;) of String|evenements_filmes_ou_en_lien=List (;) of String|personnages_identifies=List (;) of String|lieux_ou_monuments=List (;) of String|etat=String|institution_dorigine=Page|thematique=List (@) of Page (hierarchy;allowed values=*Body and Health
**Sport
***Athletics
***Basket
***Cycling
***Soccer
***Gymnastic
***Swimming
***Winter sport
***Tennis
***Volleyball
**Health
***Medicine
***Hygiene and nutrition
***Eating and feasting
***Thermalism
**Environment
***Outdoor activities
***Ecology
***Nudism
***Youth movements - Education - Scouting
***Herbalism
*Borders
**War
***First Wolrd War
***Second World War : prewar
***Second World War : German occupation - Annexation of Alsace
***Second World War : Liberation
***Second World War : post-war period
***Second World War : ceremonies – commemorations - remembrance places
***Second World War : Phoney War
***Other wars : First Indochina war – Algerian war
**European construction
***Institutions and personnalities
***Strasbourg, european capital
**The Rhine, cross-border symbol
***Transit
***Cross-border tourism
*Identity
**Traditions
***Art of living - Gastronomy
***Carnival
***Hunting and Fishing
***Conscripts
***Religious feasts and events
***Local festivals
***National day
***Traditionnal dress
***Wedding
***Christmas
***Easter
***Rural life
**Industrial and cultural heritage
***Industry
***Agriculture and farming practices
**Places
***Natural and transformed landscape
***Heritage and tourism sites)
|idSupport=Page|timecode=Integer|apercu=File|resumefr=Text|resumede=Text|resumeen=Text|descriptionfr=Text|descriptionde=Text|descriptionen=Text|contextefr=Text|contextede=Text|contexteen=Text}}
</noinclude><includeonly>
<div class="ficheFilm">
__NOTOC__

{{#ifeq:{{{titreCree}}}|Oui|{{#tag:ref|{{int:Template-Titre_créé}}}}|}} {{#switch:{{{Etat_redaction|}}}-{{{Etat_publication|}}}
|Non-
|Non-Non=<span style="color:#FF0000"> '''{{int:Template-Avertissement}}'''</span>{{#tag:ref|{{int:Template-Avertissement_Ebauche}}[[category:Ebauches]] }}
|Oui-
|Oui-Non=<span style="color:#FF0000"> '''{{int:Template-Avertissement}}'''</span>{{#tag:ref|{{int:Template-Avertissement_A_valider}}[[category:A valider]] }}
|#default=[[category:Valides]]
}}{{#default_form:FicheSequence}}{{#cargo_store:_table=Sequences|titre={{{titre|{{#explode:{{PAGENAME}}|(|0}} }}}|sous_titre={{{sous-titre|}}}|video={{{video|}}}|dateDebut={{FormatDate|{{{dateDebut|{{{dateFin|}}}}}} }}|dateFin={{FormatDate|{{{dateFin|{{{dateDebut|}}}}}} }}|annee={{#expr:({{#time:Y |{{FormatDate|{{{dateDebut|{{{dateFin|1880}}} }}}}} }} + {{#time:Y |{{FormatDate|{{{dateFin|{{{dateDebut|2020}}} }}}}} }})/2 round 0}}|duree={{#time: U | 1970-01-01 {{{duree|}}} }}|genre={{{genre|}}}|format_original={{{format_original|}}}|coloration={{{coloration|}}}|son={{{son|}}}|langue={{{langue|}}}|realisateurs={{{realisateurs|}}}|droits={{{droits|}}}|lieuTournage={{{lieuTournage|}}}|fonds={{{fonds|}}}|pieces_jointes={{{pieces_jointes|}}}|evenements_filmes_ou_en_lien={{{evenements_filmes_ou_en_lien|}}}|personnages_identifies={{{personnages_identifies|}}}|lieux_ou_monuments={{{lieux_ou_monuments|}}}|etat={{{Etat_redaction|}}}-{{{Etat_publication|}}}|institution_dorigine={{{institution_dorigine|}}}|thematique={{{thematique|}}}|idSupport={{{idSupport|}}}|timecode={{#time: U | 1970-01-01 {{{timecode|}}} }} |apercu={{{apercu|}}}|resumefr={{{Resume_fr|}}}|resumede={{{Resume_de|}}}|resumeen={{{Resume_en|}}}|descriptionfr={{{Description_fr|}}}|descriptionde={{{Description_de|}}}|descriptionen={{{Description_en|}}}|contextefr={{{Contexte_et_analyse_fr|}}}|contextede={{{Contexte_et_analyse_de|}}}|contexteen={{{Contexte_et_analyse_en|}}} }}{{#cargo_query:table=Supports|fields=video|where=_pagename='{{{idSupport}}}'|group by=video|format=template|template=ReqToVar|default=}}{{Paragraphe|{{int:Template-Événements filmés ou en lien}}|{{{evenements_filmes_ou_en_lien|}}}}}<div class="resume">{{Paragraphe|{{int:Template-Résumé}}|{{{Resume_{{int:lang}}|{{{Resume_en|{{{Resume_fr|{{{Resume_de|}}}}}}}}}}}}}}</div><div class="description mw-collapsible mw-collapsed" ><div class="mw-collapsible-content">
{{Paragraphe|{{int:Template-Description}}|{{{Description_{{int:lang}}|{{{Description_en|{{{Description_fr|{{{Description_de|}}}}}}}}}}}}}}
</div></div><div class="vid_metas"><div id=vid>{{#if:{{{video|}}}|{{#widget:Video|width=100%|url=http://rhinedits-stream.di.unistra.fr/Films/{{{video}}}.mp4|urlposter={{filepath:{{{apercu}}}}} }}|{{#widget:Video|width=100%|url=http://rhinedits-stream.di.unistra.fr/Films/{{#var:var_1}}.mp4 |urlposter={{filepath:{{{apercu}}}}} }} }}</div>
<div id="metas" class="_mw-collapsible _mw-collapsed" ><div class="metasBlc"><h2>'''{{int:Template-Métadonnées}}'''</h2><div class="_mw-collapsible-content">
{{colonnes|taille=20|
{{Lign|{{int:Template-Sous-titre}}|{{{Sous-titre|}}}}}{{Lign|{{int:Template-idSupport}}|{{{idSupport|}}}}}{{Lign|{{int:Template-Date}}|{{#switch:{{{dateDebut|-}}}{{{dateFin|+}}}
|{{{dateDebut}}}{{{dateFin}}}={{int:Template-Entre}} {{AfficheDate |{{formatDate|{{{dateDebut}}}}}}} {{int:Template-et}} {{AfficheDate |{{formatDate|{{{dateFin}}}}}}}
|{{{dateDebut}}}+={{AfficheDate |{{formatDate|{{{dateDebut}}}}}}}
|-{{{dateFin}}}={{AfficheDate |{{formatDate|{{{dateFin}}}}}}}
|#default=
}}
}}{{Lign|{{int:Template-Coloration}}|{{{coloration|}}} }} {{Lign|{{int:Template-Son}}|{{{son|}}}}}{{Lign|{{int:Template-Timecode}}|{{#ifeq:{{{timecode|}}}|00:00:00||{{{timecode|}}} }} }}{{Lign|{{int:Template-Durée}}|{{{duree|}}}|{{{duree}}}|}}{{Lign|{{int:Template-Réalisateurs}}|{{#arraymap:{{{realisateurs|}}}|;|@@@|{{#formredlink:target=@@@|form=Personne}} }} }}{{Lign|Format|{{{format|}}}}}{{Lign|{{int:Template-Format original}}|{{{format_original|}}} }}{{Lign|{{int:Template-Langue}}| {{ucfirst:{{#language:{{{langue|}}}|{{int:lang}}}}}} }}{{Lign|Genre|{{{genre|}}} }}{{Lign|{{int:Template-Thématiques}}|{{#arraymap:{{{thematique|}}}|@|XXX|[[XXX|{{Trad|XXX}}]] }} }}{{Lign|{{int:Template-Institution d'origine}}|{{{institution_dorigine|}}}}}
}}

</div></div></div></div><div class="contexteAnalyse">{{Paragraphe|{{int:Template-Contexte_et_analyse}}|{{{Contexte_et_analyse_{{int:lang}}|{{{Contexte_et_analyse_en|{{{Contexte_et_analyse_fr|{{{Contexte_et_analyse_de|}}}}}}}}}}}}}}</div><div class="personnagesIdentifies">{{Paragraphe|{{int:Template-Personnages identifiés}}|{{{personnages_identifies|}}}}}</div><div class="lieuxOuMonuments">{{Paragraphe|{{int:Template-Lieux ou monuments}}|{{{lieux_ou_monuments|}}}}}</div><div class="biblio">{{Paragraphe|{{int:Template-Bibliographie}}|{{{Bibliographie|}}}}}</div><div class="documentsAnnexes">{{Paragraphe|{{int:Template-Documents annexes}}|{{{Documents_annexes|}}}}}</div>
{{#cargo_display_map:point= {{{lieuTournage|}}}|width=100%|zoom=11|intro=<strong>Localisation</strong>|format=openlayers}}
<br>
{{Signature|username={{{username|}}}|userrealname={{{userrealname|}}}|datesignature={{{datesignature|}}}}}
<hr>



[[Catégorie:Sequences]]
</div>
</includeonly>

Modèle:Personne

2021-03-01T08:03:46Z

Bertholom :

<noinclude>
{{#cargo_declare:_table=Personnes|nom=String|prenom=String|naissance=Date|deces=Date|professions=list (;) of String|lieuxvie=list (;) of String|cameras=list (;) of Pages|formats=list (;) of String|effectifmira=Integer|premierfilm=Date|dernierfilm=Date|resumefr=Text|resumede=Text|resumeen=Text|commentairefr=Text|commentairede=Text|commentaireen=Text|image=File}}
</noinclude>
<includeonly>
<div class="cineaste">
<div class="ficheCineaste clearfix">
{{#cargo_store:_table=Personnes|nom={{{nom|}}}|prenom={{{prenom|}}}|naissance={{{naissance|}}}|deces={{{deces|}}}|professions={{{professions|}}}|lieuxvie={{{lieux_vie|}}}|cameras={{{cameras|}}}|formats={{{formats|}}}|effectifmira={{{effectif_mira|}}}|premierfilm={{{premier_film|}}}|dernierfilm={{{dernier_film|}}}|resumefr={{{Resume_fr|}}}|resumede={{{Resume_de|}}}|resumeen={{{Resume_en|}}}|commentairefr={{{commentairefr|}}}|commentairede={{{commentairede|}}}|commentaireen={{{commentaireen|}}}|image={{{image|}}} }}

{{#default_form:Personne}}
{{DISPLAYTITLE:{{PAGENAME}} {{#if:{{{naissance|}}}{{{deces|}}}|({{AfficheDate|{{FormatDate|{{{naissance|}}}}}}} - {{AfficheDate|{{FormatDate|{{{deces|}}}}}}})}} }}
{|class="metasTable"
|-
| {{Lign|{{int:Template-Professions}}|{{{professions|}}} }}{{Lign|{{int:Template-Lieux_vie}}|{{{lieux_vie|}}}}}{{Lign|{{int:Template-Cameras}}|{{{cameras|}}}}}{{Lign|{{int:Template-Formats}}|{{{formats|}}}}}{{Lign|{{int:Template-Premier_dernier_film}}|{{AfficheDate|{{FormatDate|{{{premier_film|}}}}}}} - {{AfficheDate|{{FormatDate|{{{dernier_film|}}}}}}}}}{{Lign|{{int:Template-Effectif_mira}}|{{{effectif_mira|}}}}}
|| {{#if:{{{image|}}}|[[Fichier:{{{image}}}|vignette|{{{Légende|{{{prenom}}} {{{nom|}}} }}}]]|}}
|}
<div class="resume cols2 justified">{{{Resume_{{int:lang}}|{{{Resume_en|{{{Resume_fr|{{{Resume_de|}}}}}}}}}}}}</div>
<div class="commentaire cols2 justified">{{{commentaire{{int:lang}}|{{{commentaireen|{{{commentairefr|{{{commentairede|}}}}}}}}}}}}</div>
</div>
{{#cargo_query:table=Sequences
|fields=apercu,_pageName,titre,fonds,dateDebut,dateFin,resumefr,resumeen,resumede, idSupport,timecode,duree,video,thematique,annee
|where=realisateurs HOLDS '{{PAGENAME}}'
|group by=_pageName
|order by=dateDebut,dateFin,_pageName
| intro = <h2 class="joinTitle rea"><b>{{int:Template-Liste films realises}}</b></h2>
|format=template
|template=LigneVideo
|named args=yes
|limit=1000
}}
</div>

</includeonly>

Modèle:RepRel

2021-03-01T07:52:18Z

Bertholom :

<includeonly>
<div class="cineast">
[[{{{_pageName}}}|{{{nom|}}} {{{prenom|}}}]] ({{#if:{{{naissance|}}}|{{#time: Y |{{{naissance|}}}}}||}} - {{#if:{{{deces|}}}|{{#time: Y |{{{deces|}}}}}||}})<br>
'''{{#if:{{{image|}}}|[[fichier:{{{image}}}|250px|center|link={{{_pageName}}}]]|}}'''
<div class="cineastMetas">
<br/>
{{Lign|{{int:Template-Professions}}|{{#arraymap:{{{professions|}}}|;|XXX|XXX|, }} }}{{Lign|{{int:Template-Lieux_vie}}|{{#arraymap:{{{lieuxvie|}}}|;|XXX|XXX|, }} }}{{Lign|{{int:Template-Cameras}}|{{#arraymap:{{{cameras|}}}|;|XXX|XXX|, }} }}{{Lign|{{int:Template-Formats}}|{{#arraymap:{{{formats|}}}|;|XXX|[[XXX]]|, }} }}{{#if:{{{premierfilm|}}}{{{dernierfilm|}}}|{{Lign|{{int:Template-Premier_dernier_film}}|{{#time:Y|{{{premierfilm|}}} }} - {{#time:Y|{{{dernierfilm|}}}}} }}|}}{{Lign|{{int:Template-Effectif_mira}}|{{{effectifmira|}}}}}{{Lign|Séquences référencées sur Rhinédits|{{#cargo_query:table=Sequences
|fields=COUNT(*)
|where=realisateurs HOLDS '{{{_pageName}}}'
|group by = realisateurs
|default = 0
}}
}}
</div>
<br clear=all>
----
</div>
</includeonly>

Modèle:Colonnes

2021-03-01T07:48:00Z

Bertholom :

MediaWiki:Erudite.css

2021-03-01T07:38:56Z

Bertholom :

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

.left1 {

}
.left2 {

}

.right {

}

}
/*
#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-image: none !important;
}

#main {
border-width:0;
}

/*#ternary.footer {display:none;}*/
#toolbox {display:none;}

.thema {
text-align:justify;
text-justify: inter-word;
}

.grid-themaold {
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;
}

.mw-cite-backlink a{
display:inline-block;
}
@media (min-width: 801px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
/*
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
*/
}
@media (max-width: 800px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
}

#vignette{
padding:10px
}

/* gen */

/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@200;400;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;600;800&display=swap');*/
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Light.ttf');
font-weight: 300;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Thin.ttf');
font-weight: 100;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-SemiBold.ttf');
font-weight: 600;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-ExtraBold.ttf');
font-weight: 800;
}
body, h1, h2, h3, h4, h5, h6, h7 {font-family: 'Overpass', sans-serif; font-weight : 600;}
h1, h2, h3, h4, h5, h6, h7 {text-transform : uppercase;}

#bodyContent h1 {font-size : 2.5em; color : #000000; margin-top : 0; font-weight : 500; line-height : 1.2;}
#bodyContent > h1 {text-align : center; font-weight : 500 !important;}
#bodyContent h2 {font-size : 1.75em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h3 {font-size : 1.5em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h4 {font-size : 1.35em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h5 {font-size : 1.15em; color : #000000; text-align : center; font-weight : 500; clear : both; line-height : 1.2; margin-top : 1.5em; margin-bottom : 0.75em;}
#bodyContent h2 b, #bodyContent h3 b, #bodyContent h4 b, #bodyContent h5 b {font-weight : 500;}
body {font-weight : 300; color : #444444;}

a, a:visited, li a, li a:visited {color : #2cafdf;}
a.new {color : #2cafdf; font-weight : 500;}
a:hover, li a:hover {color : #000000; background-color : transparent;}

#bodyContent {padding-top : 3em;}

#bodyContent b {font-weight : 600;}

.justified, .justified > * {text-align : justify !important;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* fix bootstrap */
.clearfix:before {
display: block !important;
content: normal !important;
}

.thumb.tright {margin-left : 2.5em; margin-bottom : 1em;}

button {border : none !important;}
button, sup.reference > a {background-color : #2cafdf !important; color : #FFFFFF !important; padding : 0.5em ; font-size : 1em; border : none; border-radius : 5px; text-transform : uppercase;}
sup.reference > a {padding : 0.25em; font-size : 0.75em; font-weight : 600; letter-spacing : 0.1em; margin-left : 0.25em; margin-right : 0.25em;}
button:hover, sup.reference > a:hover {background-color : #000000 !important; color : #FFFFFF !important; cursor : pointer;}

ol.references > li {padding : 0.5em;}
ol.references > li:target {background-color : #F2F2F2;}

#bodyContent p {text-align : justify;}
hr {background : none; height : 0; border-bottom : 1px #AAAAAA dotted;}

.toHide {display : none;}

div.floatleft, table.floatleft {margin : 0 2.5em 1em 0;}

.mw-collapsible {text-align : right;}
.mw-collapsible a.mw-collapsible-text {display : inline-block; padding : 0.5em 0.5em 0.25em 0.5em; background-color : #2cafdf; color : #FFFFFF; line-height : 1; border-radius : 5px; margin-right : 0.5em;}
.mw-collapsible a.mw-collapsible-text:hover {background-color : #000000; color : #FFFFFF;}
.mw-collapsible-toggle-default:before,
.mw-collapsible-toggle-default:after {content : '' !important; display : none !important;}

#nav2 ul li a,
#menu li a,
#menu li.widget#search input#searchsubmit,
#menu li.widget#search input#s,
#bodyContent a,
button{
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}

@media screen and (min-width: 800px) {
.cols2{
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.cols3{
-moz-column-count: 3;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.cols4{
-moz-column-count: 4;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.cols5{
-moz-column-count: 5;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.cols2, .cols3, .cols4, .cols5 {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
.cols2 > *, .cols3 > *, .cols4 > *, .cols5 > * {
text-align : justify;
}
/*.gallery.mw-gallery-packed*/
ul.gallery {margin-top : 1.5em; margin-bottom : 1.5em;}
ul.gallery .gallerytext a {text-transform : uppercase; text-align : left; line-height : 1.2;}
ul.gallery.mw-gallery-packed .gallerytext a {padding-top : 0.5em; padding-bottom : 0.5em;}
ul.gallery.mw-gallery-packed .gallerytext a:hover {color : #000000;background-color : transparent !important;}
ul.gallery li.gallerybox .thumb a:hover {background-color : transparent !important;}
ul.gallery li.gallerybox .thumb img {padding : 0;}
/*ul.gallery.mw-gallery-packed li.gallerybox {margin : 0.5em;}*/
body.rootpage-Accueil h2 {text-align : center !important; margin-top : 0em; margin-bottom : 0.65em; font-size : 1.75em; color : #000000; font-weight : 600; text-transform : none;}

/* entete */

#top-wrap {position : relative; background-image : url(images/rhinedits_bandeau_accueil_h.jpg); background-size : cover; background-position : 0 15%; padding-top : 1.8em;}
body.rootpage-Accueil #top-wrap {padding-top : 15%; padding-bottom : 15%;}
body.rootpage-Accueil #nav {position : absolute; bottom : 3.625em;}

/* main */

body {line-height : 1.6 !important;}
#main {position : relative;}
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 3.25em !important;
padding-left: 2em !important;
padding-right: 2em !important;
font-weight : 400;
background-image : url(images/rhinedits_dp.png); background-repeat : no-repeat; background-position : 0.65em 50%; background-size : 66px 89px;
}
#top-wrap h1 b {
font-weight : 700;
}
#tagline {
font-size : 1.25em;
padding-left: 5.2em !important;
padding-right: 5.2em !important;
margin-top : 1.1em !important;
}
#nav {border-left : none; border-right : none;}

/* nav-meta */

#main, #top-wrap, #top-wrap h1, #tagline, #nav, #footer-wrap-inner, .message {
width : auto !important;
max-width : none !important;
}
#top-wrap h1 {text-transform : none;}

#nav-meta {padding : 1em; background-color : rgba(0,0,0,0.5); float : none; position : absolute; right : 0em; top : 1.5em; margin : 0 !important; z-index : 100;}
#nav-meta a {color : #DDDDDD; font-style : italic !important; font-weight : normal !important;}
#nav-meta a:hover {color : #FFFFFF;}
#nav-meta span {padding : 0.2em 0;}

/* menu */

#menu {background-color : transparent; margin-bottom : -3.75em; padding-left : 6.5em; margin-top : 1.6em;}
#menu li {margin-right : 0.75em; margin-bottom : 0.75em; border : none; padding : 0 !important;}
#menu li a {
color : #FFFFFF; text-transform : uppercase; border-radius : 5px; padding : 0.3em 1em;
}
#menu li a:hover,
#menu li:hover a {color : #FFFFFF; text-decoration : none !important;}
#menu li:nth-child(1) a {background-color : #f3b500;}
#menu li:nth-child(2) a {background-color : #d51115;}
#menu li:nth-child(3) a {background-color : #23398c;}
#menu li:nth-child(4) a {background-color : #000000;}
/*
#menu li:nth-child(1):hover a {background-color : #cc9900;}
#menu li:nth-child(2):hover a {background-color : #b00e11;}
#menu li:nth-child(3):hover a {background-color : #1a2a66;}
#menu li:nth-child(4):hover a {background-color : #000000;}
*/
#menu li:nth-child(1):hover a {background-color : #ffc800;}
#menu li:nth-child(2):hover a {background-color : #ff1418;}
#menu li:nth-child(3):hover a {background-color : #2d4ab3;}
#menu li:nth-child(4):hover a {background-color : #000000;}
#menu li.widget#search {
float: left;
}

/* search */

#menu li.widget#search div {font-size : 0; vertical-align : middle;}
#menu li.widget#search div > input {font-size : 1rem; display : inline-block; vertical-align : middle;}
#menu li.widget#search input#s,
#menu li.widget#search input#searchsubmit{border : none;}
#menu li.widget#search input#s {border-top-left-radius : 5px; border-bottom-left-radius : 5px; padding : 0.6rem 1rem; background-color : #EEEEEE;}
#menu li.widget#search input#s:focus {background-color : #FFFFFF;}
#menu li.widget#search input#searchsubmit{border-top-right-radius : 5px; border-bottom-right-radius : 5px; padding : 0.25rem 0; text-transform : uppercase; cursor : pointer; padding : 0.6rem 1rem; background-color : #FFFFFF; color : #444444;}
#menu li.widget#search input#searchsubmit:hover{background-color : #FFFFFF; color : #000000;}

/* nav2 */

#nav2 {position : absolute; right : 6em; top : 0em; width : 100%;}
#nav2 ul {text-align : right;}
#nav2 ul li {display : inline-block;}
#nav2 ul li a {
text-transform : uppercase; color : #FFFFFF; border-radius : 5px; padding : 0.3em 1em; font-size : 1em; font-weight : 500;
}
#nav2 ul li a:hover {background-color : rgba(0,0,0,0.5);}

/* footer */

#bottom-wrap {padding : 0; background-image : none; background-color : transparent;}
.footer1 {padding-top : 2.5em;}
.footer1 .footerLine1 {font-size : 0; padding : 2rem 7rem; background-color : #FFFFFF; border-top : 2px #000000 solid;}
.footer1 .footerLine2 {font-size : 0; padding : 1rem 7rem; background-color : #000000;}
.footer1 .footerLine1 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : middle;
}
.footer1 .footerLine1 > .footerCol1 {
width : 36.5%;
text-align : left;
}
.footer1 .footerLine1 > .footerCol2 {
width : 51.5%;
text-align : center;
}
.footer1 .footerLine1 > .footerCol3 {
width : 12%;
text-align : right;
}
.footer1 .footerLine1 > * > a {
display : inline-block; margin : 0.5rem; vertical-align : middle;
}
.footer1 .footerLine1 > * > a > img {
filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.footer1 .footerLine1 > * > a:hover > img {
filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);
}
.footer1 .footerLine1 > * > a#img_feder > img {
/*height : 54px !important;
width : auto !important;*/
height : auto !important;
width : 294px !important;
}
.footer1 .footerLine1 > * > a#img_io > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 90px !important;
}
.footer1 .footerLine1 > * > a#img_ho > img {
/*height : 50px !important;
width : auto !important*/
height : auto !important;
width : 235px !important;
}
.footer1 .footerLine1 > * > a#img_uds > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 168px !important;
}
.footer1 .footerLine1 > * > a#img_mira > img {
/*height : 77px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine1 > * > a#img_cbnn > img {
/*height : 32px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine2 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : top;
color : #FFFFFF;
}
.footer1 .footerLine2 > * {
width : 33.33%;
font-size : 1rem;
}
.footer1 .footerLine2 > .footerCol1 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol2 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol3 {
text-align : right;
}
.footer1 .footerLine2 ul,
.footer1 .footerLine2 ul li {
display : block; margin : 0; padding : 0; list-stle-type : none;
}
.footer1 .footerLine2 h3 {margin : 0 0 0 0.2em; padding : 0;}
.footer1 .footerLine2 > .footerCol1 h3 {display : none !important;}
.footer1 .footerLine2 a {color : #FFFFFF;}
.footer1 .footerLine2 a:hover {color : #FFFFFF;}

.footer1 .footerLine2 li,
.footer1 .footerLine2 li.active {background-color : transparent; margin-bottom : 1px;}

.footer1 .footerLine2 li > a {display : inline-block; border-radius : 5px; padding : 2px 5px;}
.footer1 .footerLine2 li.active > a {background-color : #444444;}

.footer1 .footerLine2 li#pt-uls a.uls-trigger {line-height : inherit !important; padding-left : 32px;}

/* Liste videos */

.videoElement {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}
.videoElement .mediaPart {position : relative; padding-top : 75%; overflow : hidden;}
.videoElement .mediaPart > video,
.videoElement .mediaPart > img {position : absolute !important; bottom : 0 !important; left : 0 !important; right : 0 !important; width : 100% !important;}
.videoElement .metasPart {padding-top : 0.75em;}
#bodyContent .videoElement p {text-align : left;}
.videoElement p a:first-child {font-size : 1.25em; text-transform : uppercase;}

/* Sommaire #toc*/

#toc .tocnumber {display : none;}
#toc ul, #toc li {display : block; margin : 0; padding : 0; list-style-type : none; text-align : center;}
#toc li {display : inline-block; margin : 0.1em 0.05em;}
#toc li a {background-color : #2cafdf; color : #FFFFFF; padding : 0.25em 0.5em; font-size : 0.95em; border : none; border-radius : 5px; font-weight : 400;}
#toc li a b{font-weight : 400;}
#toc li a:hover {background-color : #000000; color : #FFFFFF;}
.toctitle {display : none !important;}
#toc .periodeNbFilms,
#toc .toctext span {display : none;}

/* fiche */

#vid {max-width : 960px; margin-left : auto; margin-right : auto;}
.signature {font-size : 0.85em;}
.signature p {padding : 0; margin : 0;}

/* Epoques */

.page-Epoques #toc li a {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Epoques a, .page-Epoques li a {color : #2d4ab3;}
.page-Epoques a:hover, .page-Epoques li a:hover {color : #000000;}
.page-Epoques button {background-color : #2d4ab3 !important; color : #FFFFFF !important;}
.page-Epoques button:hover {background-color : #000000 !important; color : #FFFFFF !important;}
.listCategory .periodeNbFilms {display : block;}
.page-Epoques .mw-collapsible a.mw-collapsible-text {background-color : #2d4ab3;}
.page-Epoques .mw-collapsible a.mw-collapsible-text:hover {background-color : #000000;}
.listCategory {text-align : center; background-image : url(images/rhinedits_fleches_chrono.png); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;}
.listCategory span.mw-headline {background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #2d4ab3; /*font-size : 0.8em; */line-height : 1.2; font-weight : 600;}
.listCategory span.mw-headline span.periodeNbFilms {font-weight : 300; text-transform : none; font-size : 0.8em;}
@media screen and (min-width: 1680px) {
.listCategory {background-size : 100% 28px;}
}

/* Thématiques */

.page-Borders #toc li a,
.page-Body_and_Health #toc li a,
.page-Identity #toc li a,
.page-War #toc li a,
.page-European_construction #toc li a,
.page-The_Rhine_cross-border_symbol #toc li a,
.page-Sport #toc li a,
.page-Health #toc li a,
.page-Environment #toc li a,
.page-Traditions #toc li a,
.page-Industrial_and_cultural_heritage #toc li a,
.page-Places #toc li a {background-color : #d51115; color : #FFFFFF;}
.page-Borders #toc li a:hover,
.page-Body_and_Health #toc li a:hover,
.page-Identity #toc li a:hover,
.page-War #toc li a:hover,
.page-European_construction #toc li a:hover,
.page-The_Rhine_cross-border_symbol #toc li a:hover,
.page-Sport #toc li a:hover,
.page-Health #toc li a:hover,
.page-Environment #toc li a:hover,
.page-Traditions #toc li a:hover,
.page-Industrial_and_cultural_heritage #toc li a:hover,
.page-Places #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Borders a,
.page-Body_and_Health a,
.page-Identity a,
.page-War a,
.page-European_construction a,
.page-The_Rhine_cross-border_symbol a,
.page-Sport a,
.page-Health a,
.page-Environment a,
.page-Traditions a,
.page-Industrial_and_cultural_heritage a,
.page-Places a {color : #d51115;}
.page-Borders a:hover,
.page-Body_and_Health a:hover,
.page-Identity a:hover,
.page-War a:hover,
.page-European_construction a:hover,
.page-The_Rhine_cross-border_symbol a:hover,
.page-Sport a:hover,
.page-Health a:hover,
.page-Environment a:hover,
.page-Traditions a:hover,
.page-Industrial_and_cultural_heritage a:hover,
.page-Places a:hover {color : #000000;}
.page-Borders button,
.page-Body_and_Health button,
.page-Identity button,
.page-War button,
.page-European_construction button,
.page-The_Rhine_cross-border_symbol button,
.page-Sport button,
.page-Health button,
.page-Environment button,
.page-Traditions button,
.page-Industrial_and_cultural_heritage button,
.page-Places button {background-color : #d51115 !important; color : #FFFFFF !important;}
.page-Borders button:hover,
.page-Body_and_Health button:hover,
.page-Identity button:hover,
.page-War button:hover,
.page-European_construction button:hover,
.page-The_Rhine_cross-border_symbol button:hover,
.page-Sport button:hover,
.page-Health button:hover,
.page-Environment button:hover,
.page-Traditions button:hover,
.page-Industrial_and_cultural_heritage button:hover,
.page-Places button:hover {background-color : #000000 !important; color : #FFFFFF !important;}

.thema {position : relative;}
.thema .col {background-color : transparent;}
.thema > p,
.intro2cols {font-weight : lighter; max-width : 1260px; margin-left : auto; margin-right : auto; margin-bottom : 2.5em; font-size : 1.15em;}
/*.intro2cols {margin-bottom : 0em;}*/

.thema .col a img {max-width : none; width : 100% !important; height : auto !important; padding : 0;}

.thema .grid-thema {margin-left : -1em; margin-right : -1em;}

.thema .grid-thema .col ul {margin-left : auto; margin-right : auto; margin-bottom : 1.5em; padding : 0; display : block; max-width : 20em;}
.thema .grid-thema .col ul li {padding : 0; margin : 0.5em 0; display : block; list-style-type : none;}

.thema .grid-thema .col ul li a {font-size : 0em; background-color : #d51115; color : #FFFFFF; border-radius : 5px; text-align : center; padding : 0.5rem 1rem 0.2rem 1rem; text-transform : uppercase; line-height : 1.2;}
.thema .grid-thema .col ul li a:hover {background-color : #000000;}
.thema .grid-thema .col ul li a big {font-size : 1.1rem;}

.thema .grid-thema .col > h2 {text-align : center;}

.page-Borders #bodyContent h1,
.page-Body_and_Health #bodyContent h1,
.page-Identity #bodyContent h1,
.page-War #bodyContent h1,
.page-European_construction #bodyContent h1,
.page-The_Rhine_cross-border_symbol #bodyContent h1,
.page-Sport #bodyContent h1,
.page-Health #bodyContent h1,
.page-Environment #bodyContent h1,
.page-Traditions #bodyContent h1,
.page-Industrial_and_cultural_heritage #bodyContent h1,
.page-Places #bodyContent h1 {text-align : center;}

.page-Borders #bodyContent h2,
.page-Body_and_Health #bodyContent h2,
.page-Identity #bodyContent h2,
.page-War #bodyContent h2,
.page-European_construction #bodyContent h2,
.page-The_Rhine_cross-border_symbol #bodyContent h2,
.page-Sport #bodyContent h2,
.page-Health #bodyContent h2,
.page-Environment #bodyContent h2,
.page-Traditions #bodyContent h2,
.page-Industrial_and_cultural_heritage #bodyContent h2,
.page-Places #bodyContent h2 {min-height : 0.75em; position : relative; text-align : center; background-color : #d51115; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em;/* padding : 0 0 0.5em 0; margin : 0 0 0.5em 0; background-image : url('images/rhinedits_fleche_thematiques.png'); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;*/ padding-left : 2.5em; padding-right : 2.5em;}

.page-Borders #bodyContent h2 span.mw-headline:before,
.page-Body_and_Health #bodyContent h2 span.mw-headline:before,
.page-Identity #bodyContent h2 span.mw-headline:before,
.page-War #bodyContent h2 span.mw-headline:before,
.page-European_construction #bodyContent h2 span.mw-headline:before,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline:before,
.page-Sport #bodyContent h2 span.mw-headline:before,
.page-Health #bodyContent h2 span.mw-headline:before,
.page-Environment #bodyContent h2 span.mw-headline:before,
.page-Traditions #bodyContent h2 span.mw-headline:before,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline:before,
.page-Places #bodyContent h2 span.mw-headline:before {
position: absolute;
left: 50%;
bottom: -42px;
border-color: #d51115 transparent transparent transparent;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}

.page-Borders #bodyContent h2 span.mw-headline,
.page-Body_and_Health #bodyContent h2 span.mw-headline,
.page-Identity #bodyContent h2 span.mw-headline,
.page-War #bodyContent h2 span.mw-headline,
.page-European_construction #bodyContent h2 span.mw-headline,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline,
.page-Sport #bodyContent h2 span.mw-headline,
.page-Health #bodyContent h2 span.mw-headline,
.page-Environment #bodyContent h2 span.mw-headline,
.page-Traditions #bodyContent h2 span.mw-headline,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline,
.page-Places #bodyContent h2 span.mw-headline {position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #d51115; font-weight : 600; vertical-align :top; padding-top : 0.1em;}

/*
.page-Borders h2 span.mw-headline b,
.page-Body_and_Health h2 span.mw-headline b,
.page-Identity h2 span.mw-headline b,
.page-War h2 span.mw-headline b,
.page-European_construction h2 span.mw-headline b,
.page-The_Rhine_cross-border_symbol h2 span.mw-headline b,
.page-Sport h2 span.mw-headline b,
.page-Health h2 span.mw-headline b,
.page-Environment h2 span.mw-headline b,
.page-Traditions h2 span.mw-headline b,
.page-Industrial_and_cultural_heritage h2 span.mw-headline b,
.page-Places h2 span.mw-headline b {font-weight : normal;}
*/

/*
.thema .grid-thema .col {background-repeat : no-repeat; background-position : 50% 18px; background-size : 92px 92px; padding-top : 128px;}
.thema .grid-thema .col:nth-child(1) {background-image : url(images/rhinedits_picto_frontieres_128.png);}
.thema .grid-thema .col:nth-child(2) {background-image : url(images/rhinedits_picto_corps-sante_128.png);}
.thema .grid-thema .col:nth-child(3) {background-image : url(images/rhinedits_picto_identite_128.png);}
*/

@media screen and (min-width: 1171px) {
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
}
@media screen and (max-width: 1170px) {
.grid-thema {
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
}
}

@media screen and (min-width: 800px) {
.thema > p,
.intro2cols {
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;

-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}

/* Cineastes */

.page-Réalisateurs a, .page-Réalisateurs li a {color : #ffb400;}
.page-Réalisateurs a:hover, .page-Réalisateurs li a:hover {color : #000000;}
.page-Réalisateurs button {background-color : #ffb400 !important; color : #FFFFFF !important;}
.page-Réalisateurs button:hover {background-color : #000000 !important; color : #FFFFFF !important;}

.page-Réalisateurs div.colonnes {-moz-column-gap:5em !important; -webkit-column-gap:5em !important; column-gap:5em !important;}
.page-Réalisateurs div.cineastesElements {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
.page-Réalisateurs div.cineastesElements > p,
.page-Réalisateurs div.cineastesElements > hr,
.page-Réalisateurs div.cineastesElements div.cineast > hr {display : none !important;}
.page-Réalisateurs div.cineastesElements div.cineast {border : 1px #E6E6E6 solid;/* border-radius : 10px;*/ /* display : inline-block; width : calc(33.33% - 3rem - 2px); */vertical-align : top; line-height : 1.2;margin: 0;padding: 2.5rem 1.5rem 0rem 1.5rem;/*margin: 1.5rem;*/box-sizing: border-box;}
/*.page-Réalisateurs div.cineastesElements div.cineast {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}*/
/*.page-Réalisateurs div.cineast {break-inside : avoid;}*/
.page-Réalisateurs div.cineast > p:first-child {text-align : center !important;}
.page-Réalisateurs div.cineast > p:first-child > a {font-size : 1.25em; text-transform : uppercase;}
.page-Réalisateurs div.cineast > p:first-child b {display : block !important; width : 100% !important; text-align : center; padding-top : 1em;}
.page-Réalisateurs div.cineast > p:first-child b a img {padding : 0 !important; margin : 0 auto !important;}
.page-Réalisateurs div.cineast .cineastMetas {text-align : left; font-size : 0.9em; max-width : 350px; margin : 0 auto;}
.page-Réalisateurs div.cineast .cineastMetas p {text-align : left !important;}
.page-Réalisateurs div.cineast .cineastMetas b {font-weight : 600;}

.cineaste a, .cineaste li a {color : #ffb400;}
.cineaste a:hover, .cineaste li a:hover {color : #000000;}
.cineaste button {background-color : #ffb400 !important; color : #FFFFFF !important;}
.cineaste button:hover {background-color : #000000 !important; color : #FFFFFF !important;}
.ficheCineaste {margin-bottom : 2.5em;}
h2.joinTitle {background-color : #2cafdf; min-height : 0.75em; position : relative; text-align : center; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em; padding-left : 2.5em; padding-right : 2.5em;}
h2.joinTitle.rea { background-color : #ffb400;}

h2.joinTitle b:before {
border-color : #2cafdf;
position: absolute;
left: 50%;
bottom: -42px;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}
h2.joinTitle.rea b:before {border-color: #ffb400 transparent transparent transparent;}

h2.joinTitle b {color : #2cafdf;position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; font-weight : 600; vertical-align :top; padding-top : 0.1em;}
h2.joinTitle.rea b {color : #ffb400;}

.metasTable {background-color : transparent; margin : -5em auto 3.5em auto; max-width : 760px; border : 1px #DDDDDD solid;/* border-radius : 10px;*/}
.metasTable td {padding : 1.5em;}
.metasTable td:first-child b {font-weight : 600;}
.metasTable .thumb.tright {margin : 0;}
.metasTable div.thumbinner {border : none; padding : 0; background-color : transparent;}
.metasTable .thumbcaption {text-align : center; display : none;}

.ficheCineaste .resume, .ficheCineaste .commentaire {margin-bottom : 1.5em;}

/* fiche film */

.ficheFilm {text-align : center;}
.ficheFilm .vid_metas {/*background-color : #F2F2F2; */padding : 0em; text-align : left; vertical-align : middle; margin : 3.5em auto;/* border-top-right-radius : 10px; border-bottom-right-radius : 10px;*/border : 1px #E6E6E6 solid;}
.ficheFilm .vid_metas #vid, .vid_metas #metas {display : inline-block; font-size : 0; vertical-align : middle;}
.ficheFilm .vid_metas #vid {width : 50%; font-size : 1rem; margin : 0; padding : 0; background-color : #000000;}
.ficheFilm .vid_metas #metas {width : 49%; font-size : 1rem; margin : 0; padding : 0 2.5em; text-align : center; box-sizing : border-box;}
.ficheFilm .vid_metas #metas > * {display : inline-block; max-width : 560px;}
.ficheFilm .vid_metas #metas h2 {margin-bottom : 0.5em; display : none;}
.ficheFilm .vid_metas #metas h2 b {font-weight : 500;}
.ficheFilm .resume {font-size : 1.15em; font-weight : lighter; text-align : justify; margin-bottom : 1.5em;}
.ficheFilm .resume > h2:first-child {display : none;}
.ficheFilm .description, .ficheFilm .contexteAnalyse, .ficheFilm .personnagesIdentifies, .ficheFilm .lieuxOuMonuments {text-align : justify;}
.ficheFilm .biblio {text-align : left;}
.ficheFilm .mapCanvas {margin : 2.5em auto 1.5em auto !important;}
.ficheFilm > p:first-child {display : none;}
.ficheFilm > hr:last-child {display : none;}

.ficheFilm > *:not(.vid_metas){
max-width : 960px;
margin-left : auto !important; margin-right : auto !important;
}

/*
@media screen and (min-width: 800px) {
.ficheFilm .resume > *:not(h2), .ficheFilm .description > *:not(h2), .ficheFilm .contexteAnalyse > *:not(h2){
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.ficheFilm .resume > *:not(h2), .ficheFilm .description > *:not(h2), .ficheFilm .contexteAnalyse > *:not(h2) {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
*/

/* Recherche generale */

.mw-search-results {max-width : none;}
.mw-search-result .mw-search-result-heading {font-weight : 600;}
.mw-search-result div.searchresult {margin-top : 0.35em;}

#mw-content-text .mw-parser-output {margin-left : -2.5em; margin-right : -2.5em;}
#mw-content-text .mw-parser-output > div {box-sizing : border-box; padding : 0 2.5em;}

/* media queries */

@media screen and (min-width: 801px) and (max-width: 1440px) {
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 2.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 66px 89px;
}
#tagline {
font-size : 1em;
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
#nav2 ul li a {
font-size : 0.9em;
font-weight : 500;
}
.videoElement {width : calc(50% - 0.25rem);}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(2, 1fr);
}
#mw-content-text .mw-parser-output > div {width : 50% !important;}
}

@media screen and (min-width: 801px) and (max-width: 1170px) {
.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}
}

@media screen and (min-width: 35.001em) and (max-width: 55em) {
#bodyContent, .message *, #footer {
padding-left: 4em !important;
padding-right: 4em !important;
}
.catlinks {margin-left : 4em; margin-right : 4em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 44px 60px;
}
#tagline {
font-size : 1em;
padding-left: 4em !important;
padding-right: 4em !important;
}
#nav2 {
right : 5em; top : 0.35em;
}
#nav2 ul li a {
font-size : 0.75em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.75em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 4rem; padding-right : 4rem;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 6.5em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(1, 1fr);
}
.vid_metas #vid, .vid_metas #metas {display : block;}
.vid_metas #vid {width : 100%;}
.vid_metas #metas {width : 100%;}

.metasTable, .metasTable tbody, .metasTable tr, .metasTable td {display : block; width : 100%; box-sizing : border-box;}
.metasTable div.tright {float : none; clear : both;}

.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}

#mw-content-text .mw-parser-output > div {width : 100% !important; float : none !important;}
}

@media screen and (max-width: 35em) {
#bodyContent, .message *, #footer {
padding-left: 2em !important;
padding-right: 2em !important;
}
.catlinks {margin-left : 2.5em; margin-right : 2.5em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.25em !important;
padding-left: 1.6em !important;
padding-right: 1.6em !important;
background-position : 0em 50%; background-size : 27px 36px;
}
#tagline {
font-size : 1em;
padding-left: 2em !important;
padding-right: 2em !important;
display : none !important;
}
#nav2 {
right : 5em; top : 0.3em;
}
#nav2 ul li a {
font-size : 0.65em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.65em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 2rem; padding-right : 2rem;}
.footer1 .footerLine1 > .footerCol1, .footer1 .footerLine1 > .footerCol2, .footer1 .footerLine1 > .footerCol3 {width : 100%; text-align : center;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 2em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
.page-Réalisateurs div.cineastesElements {
grid-template-columns: repeat(1, 1fr);
}
.vid_metas #vid, .vid_metas #metas {display : block;}
.vid_metas #vid {width : 100%;}
.vid_metas #metas {width : 100%;}

.metasTable, .metasTable tbody, .metasTable tr, .metasTable td {display : block; width : 100%; box-sizing : border-box;}
.metasTable div.tright {float : none; clear : both;}

.ficheFilm .vid_metas #vid {width : 100%;}
.ficheFilm .vid_metas #metas {width : 100%; padding-top : 1.5em; padding-bottom : 1.5em;}

#mw-content-text .mw-parser-output > div {width : 100% !important; float : none !important;}
}

MediaWiki:Erudite.css

2021-02-16T08:30:47Z

Bertholom :

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

.left1 {

}
.left2 {

}

.right {

}

}
/*
#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-image: none !important;
}

#main {
border-width:0;
}

/*#ternary.footer {display:none;}*/
#toolbox {display:none;}

.thema {
text-align:justify;
text-justify: inter-word;
}

.grid-themaold {
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;
}

.mw-cite-backlink a{
display:inline-block;
}
@media (min-width: 801px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
/*
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
*/
}
@media (max-width: 800px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
}

#vignette{
padding:10px
}

/* gen */

/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@200;400;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;600;800&display=swap');*/
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Light.ttf');
font-weight: 300;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Thin.ttf');
font-weight: 100;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-SemiBold.ttf');
font-weight: 600;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-ExtraBold.ttf');
font-weight: 800;
}
body, h1, h2, h3, h4, h5, h6, h7 {font-family: 'Overpass', sans-serif; font-weight : 600;}
h1, h2, h3, h4, h5, h6, h7 {text-transform : uppercase;}
#bodyContent h1 {font-size : 2.5em; color : #000000; margin-top : 0;}
#bodyContent h2 {font-size : 1.75em; color : #000000;}
#bodyContent h3 {font-size : 1.5em; color : #000000;}
#bodyContent h4 {font-size : 1.35em; color : #000000;}
#bodyContent h5 {font-size : 1.15em; color : #000000;}
body {font-weight : 300;}

body {color : #444444;}
a, a:visited {color : #2cafdf;}
a.new {color : #2cafdf; font-weight : 500;}
a:hover {color : #000000;}

button {background-color : #2cafdf; color : #FFFFFF; padding : 0.5em ; font-size : 1em; border : none; border-radius : 5px; text-transform : uppercase;}
button:hover {background-color : #000000; color : #FFFFFF; cursor : pointer;}

#bodyContent p {text-align : justify;}
hr {background : none; height : 0; border-bottom : 1px #AAAAAA dotted;}

.toHide {display : none;}

div.floatleft, table.floatleft {margin : 0 2.5em 1em 0;}

.mw-collapsible {text-align : right;}
.mw-collapsible a.mw-collapsible-text {display : inline-block; padding : 0.5em 0.5em 0.25em 0.5em; background-color : #2cafdf; color : #FFFFFF; line-height : 1; border-radius : 5px; margin-right : 0.5em;}
.mw-collapsible a.mw-collapsible-text:hover {background-color : #000000; color : #FFFFFF;}
.mw-collapsible-toggle-default:before,
.mw-collapsible-toggle-default:after {content : '' !important; display : none !important;}

#nav2 ul li a,
#menu li a,
#menu li.widget#search input#searchsubmit,
#menu li.widget#search input#s,
#bodyContent a,
button{
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}

@media screen and (min-width: 800px) {
.cols2{
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.cols3{
-moz-column-count: 3;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.cols4{
-moz-column-count: 4;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.cols5{
-moz-column-count: 5;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.cols2, .cols3, .cols4, .cols5 {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
.cols2 > *, .cols3 > *, .cols4 > *, .cols5 > * {
text-align : justify;
}
/*.gallery.mw-gallery-packed*/
ul.gallery {margin-top : 1.5em; margin-bottom : 1.5em;}
ul.gallery .gallerytext a {text-transform : uppercase; text-align : left; line-height : 1.2;}
ul.gallery.mw-gallery-packed .gallerytext a {padding-top : 0.5em; padding-bottom : 0.5em;}
ul.gallery.mw-gallery-packed .gallerytext a:hover {color : #000000;background-color : transparent !important;}
ul.gallery li.gallerybox .thumb a:hover {background-color : transparent !important;}
ul.gallery li.gallerybox .thumb img {padding : 0;}
/*ul.gallery.mw-gallery-packed li.gallerybox {margin : 0.5em;}*/
body.rootpage-Accueil h2 {text-align : center; margin-top : 0em; margin-bottom : 0.65em; font-size : 1.75em; color : #000000; font-weight : 600; text-transform : none;}

/* entete */

#top-wrap {position : relative; background-image : url(images/rhinedits_bandeau_accueil_h.jpg); background-size : cover; background-position : 0 15%; padding-top : 1.8em;}
body.rootpage-Accueil #top-wrap {padding-top : 15%; padding-bottom : 15%;}
body.rootpage-Accueil #nav {position : absolute; bottom : 3.625em;}

/* main */

body {line-height : 1.6 !important;}
#main {position : relative;}
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 3.25em !important;
padding-left: 2em !important;
padding-right: 2em !important;
font-weight : 400;
background-image : url(images/rhinedits_dp.png); background-repeat : no-repeat; background-position : 0.65em 50%; background-size : 66px 89px;
}
#top-wrap h1 b {
font-weight : 700;
}
#tagline {
font-size : 1.25em;
padding-left: 5.2em !important;
padding-right: 5.2em !important;
margin-top : 1.1em !important;
}
#nav {border-left : none; border-right : none;}

/* nav-meta */

#main, #top-wrap, #top-wrap h1, #tagline, #nav, #footer-wrap-inner, .message {
width : auto !important;
max-width : none !important;
}
#top-wrap h1 {text-transform : none;}

#nav-meta {padding : 1em; background-color : rgba(0,0,0,0.5); float : none; position : absolute; right : 0em; top : 1.5em; margin : 0 !important; z-index : 100;}
#nav-meta a {color : #DDDDDD; font-style : italic !important; font-weight : normal !important;}
#nav-meta a:hover {color : #FFFFFF;}
#nav-meta span {padding : 0.2em 0;}

/* menu */

#menu {background-color : transparent; margin-bottom : -3.75em; padding-left : 6.5em; margin-top : 1.6em;}
#menu li {margin-right : 0.75em; margin-bottom : 0.75em; border : none; padding : 0 !important;}
#menu li a {
color : #FFFFFF; text-transform : uppercase; border-radius : 5px; padding : 0.3em 1em;
}
#menu li a:hover,
#menu li:hover a {color : #FFFFFF; text-decoration : none !important;}
#menu li:nth-child(1) a {background-color : #f3b500;}
#menu li:nth-child(2) a {background-color : #d51115;}
#menu li:nth-child(3) a {background-color : #23398c;}
#menu li:nth-child(4) a {background-color : #000000;}
/*
#menu li:nth-child(1):hover a {background-color : #cc9900;}
#menu li:nth-child(2):hover a {background-color : #b00e11;}
#menu li:nth-child(3):hover a {background-color : #1a2a66;}
#menu li:nth-child(4):hover a {background-color : #000000;}
*/
#menu li:nth-child(1):hover a {background-color : #ffc800;}
#menu li:nth-child(2):hover a {background-color : #ff1418;}
#menu li:nth-child(3):hover a {background-color : #2d4ab3;}
#menu li:nth-child(4):hover a {background-color : #000000;}
#menu li.widget#search {
float: left;
}

/* search */

#menu li.widget#search div {font-size : 0; vertical-align : middle;}
#menu li.widget#search div > input {font-size : 1rem; display : inline-block; vertical-align : middle;}
#menu li.widget#search input#s,
#menu li.widget#search input#searchsubmit{border : none;}
#menu li.widget#search input#s {border-top-left-radius : 5px; border-bottom-left-radius : 5px; padding : 0.6rem 1rem; background-color : #EEEEEE;}
#menu li.widget#search input#s:focus {background-color : #FFFFFF;}
#menu li.widget#search input#searchsubmit{border-top-right-radius : 5px; border-bottom-right-radius : 5px; padding : 0.25rem 0; text-transform : uppercase; cursor : pointer; padding : 0.6rem 1rem; background-color : #FFFFFF; color : #444444;}
#menu li.widget#search input#searchsubmit:hover{background-color : #FFFFFF; color : #000000;}

/* nav2 */

#nav2 {position : absolute; right : 6em; top : 0em; width : 100%;}
#nav2 ul {text-align : right;}
#nav2 ul li {display : inline-block;}
#nav2 ul li a {
text-transform : uppercase; color : #FFFFFF; border-radius : 5px; padding : 0.3em 1em; font-size : 1em; font-weight : 500;
}
#nav2 ul li a:hover {background-color : rgba(0,0,0,0.5);}

/* footer */

#bottom-wrap {padding : 0; background-image : none; background-color : transparent;}
.footer1 {padding-top : 2.5em;}
.footer1 .footerLine1 {font-size : 0; padding : 2rem 7rem; background-color : #FFFFFF; border-top : 2px #000000 solid;}
.footer1 .footerLine2 {font-size : 0; padding : 1rem 7rem; background-color : #000000;}
.footer1 .footerLine1 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : middle;
}
.footer1 .footerLine1 > .footerCol1 {
width : 36.5%;
text-align : left;
}
.footer1 .footerLine1 > .footerCol2 {
width : 51.5%;
text-align : center;
}
.footer1 .footerLine1 > .footerCol3 {
width : 12%;
text-align : right;
}
.footer1 .footerLine1 > * > a {
display : inline-block; margin : 0.5rem; vertical-align : middle;
}
.footer1 .footerLine1 > * > a > img {
filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.footer1 .footerLine1 > * > a:hover > img {
filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);
}
.footer1 .footerLine1 > * > a#img_feder > img {
/*height : 54px !important;
width : auto !important;*/
height : auto !important;
width : 294px !important;
}
.footer1 .footerLine1 > * > a#img_io > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 90px !important;
}
.footer1 .footerLine1 > * > a#img_ho > img {
/*height : 50px !important;
width : auto !important*/
height : auto !important;
width : 235px !important;
}
.footer1 .footerLine1 > * > a#img_uds > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 168px !important;
}
.footer1 .footerLine1 > * > a#img_mira > img {
/*height : 77px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine1 > * > a#img_cbnn > img {
/*height : 32px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine2 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : top;
color : #FFFFFF;
}
.footer1 .footerLine2 > * {
width : 33.33%;
font-size : 1rem;
}
.footer1 .footerLine2 > .footerCol1 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol2 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol3 {
text-align : right;
}
.footer1 .footerLine2 ul,
.footer1 .footerLine2 ul li {
display : block; margin : 0; padding : 0; list-stle-type : none;
}
.footer1 .footerLine2 h3 {margin : 0 0 0 0.2em; padding : 0;}
.footer1 .footerLine2 > .footerCol1 h3 {display : none !important;}
.footer1 .footerLine2 a {color : #FFFFFF;}
.footer1 .footerLine2 a:hover {color : #FFFFFF;}

.footer1 .footerLine2 li,
.footer1 .footerLine2 li.active {background-color : transparent; margin-bottom : 1px;}

.footer1 .footerLine2 li > a {display : inline-block; border-radius : 5px; padding : 2px 5px;}
.footer1 .footerLine2 li.active > a {background-color : #444444;}

.footer1 .footerLine2 li#pt-uls a.uls-trigger {line-height : inherit !important; padding-left : 32px;}

/* Liste videos */

.videoElement {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}
.videoElement .mediaPart {position : relative; padding-top : 75%; overflow : hidden;}
.videoElement .mediaPart > video,
.videoElement .mediaPart > img {position : absolute !important; bottom : 0 !important; left : 0 !important; right : 0 !important; width : 100% !important;}
.videoElement .metasPart {padding-top : 0.75em;}
#bodyContent .videoElement p {text-align : left;}
.videoElement p a:first-child {font-size : 1.25em; text-transform : uppercase;}

/* Sommaire #toc*/

#toc .tocnumber {display : none;}
#toc ul, #toc li {display : block; margin : 0; padding : 0; list-style-type : none; text-align : center;}
#toc li {display : inline-block; margin : 0.1em 0.05em;}
#toc li a {background-color : #2cafdf; color : #FFFFFF; padding : 0.25em 0.5em; font-size : 0.95em; border : none; border-radius : 5px; font-weight : 400;}
#toc li a b{font-weight : 400;}
#toc li a:hover {background-color : #000000; color : #FFFFFF;}
.toctitle {display : none !important;}
#toc .periodeNbFilms,
#toc .toctext span {display : none;}

/* fiche */

#vid {max-width : 960px; margin-left : auto; margin-right : auto;}
.signature {font-size : 0.85em;}
.signature p {padding : 0; margin : 0;}

/* Epoques */

.page-Epoques #toc li a {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Epoques a {color : #2d4ab3;}
.page-Epoques a:hover {color : #000000;}
.page-Epoques button {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques button:hover {background-color : #000000; color : #FFFFFF;}
.listCategory .periodeNbFilms {display : block;}
.page-Epoques .mw-collapsible a.mw-collapsible-text {background-color : #2d4ab3;}
.page-Epoques .mw-collapsible a.mw-collapsible-text:hover {background-color : #000000;}
.listCategory {text-align : center; background-image : url(images/rhinedits_fleches_chrono.png); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;}
.listCategory span.mw-headline {background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #2d4ab3; /*font-size : 0.8em; */line-height : 1.2; font-weight : 600;}
.listCategory span.mw-headline span.periodeNbFilms {font-weight : 300; text-transform : none; font-size : 0.8em;}
@media screen and (min-width: 1680px) {
.listCategory {background-size : 100% 28px;}
}

/* Thématiques */

.page-Borders #toc li a,
.page-Body_and_Health #toc li a,
.page-Identity #toc li a,
.page-War #toc li a,
.page-European_construction #toc li a,
.page-The_Rhine_cross-border_symbol #toc li a,
.page-Sport #toc li a,
.page-Health #toc li a,
.page-Environment #toc li a,
.page-Traditions #toc li a,
.page-Industrial_and_cultural_heritage #toc li a,
.page-Places #toc li a {background-color : #d51115; color : #FFFFFF;}
.page-Borders #toc li a:hover,
.page-Body_and_Health #toc li a:hover,
.page-Identity #toc li a:hover,
.page-War #toc li a:hover,
.page-European_construction #toc li a:hover,
.page-The_Rhine_cross-border_symbol #toc li a:hover,
.page-Sport #toc li a:hover,
.page-Health #toc li a:hover,
.page-Environment #toc li a:hover,
.page-Traditions #toc li a:hover,
.page-Industrial_and_cultural_heritage #toc li a:hover,
.page-Places #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Borders a,
.page-Body_and_Health a,
.page-Identity a,
.page-War a,
.page-European_construction a,
.page-The_Rhine_cross-border_symbol a,
.page-Sport a,
.page-Health a,
.page-Environment a,
.page-Traditions a,
.page-Industrial_and_cultural_heritage a,
.page-Places a {color : #d51115;}
.page-Borders a:hover,
.page-Body_and_Health a:hover,
.page-Identity a:hover,
.page-War a:hover,
.page-European_construction a:hover,
.page-The_Rhine_cross-border_symbol a:hover,
.page-Sport a:hover,
.page-Health a:hover,
.page-Environment a:hover,
.page-Traditions a:hover,
.page-Industrial_and_cultural_heritage a:hover,
.page-Places a:hover {color : #000000;}
.page-Borders button,
.page-Body_and_Health button,
.page-Identity button,
.page-War button,
.page-European_construction button,
.page-The_Rhine_cross-border_symbol button,
.page-Sport button,
.page-Health button,
.page-Environment button,
.page-Traditions button,
.page-Industrial_and_cultural_heritage button,
.page-Places button {background-color : #d51115; color : #FFFFFF;}
.page-Borders button:hover,
.page-Body_and_Health button:hover,
.page-Identity button:hover,
.page-War button:hover,
.page-European_construction button:hover,
.page-The_Rhine_cross-border_symbol button:hover,
.page-Sport button:hover,
.page-Health button:hover,
.page-Environment button:hover,
.page-Traditions button:hover,
.page-Industrial_and_cultural_heritage button:hover,
.page-Places button:hover {background-color : #000000; color : #FFFFFF;}

.thema {position : relative;}
.thema .col {background-color : transparent;}
.thema > p,
.intro2cols {font-weight : lighter; max-width : 1260px; margin-left : auto; margin-right : auto; margin-bottom : 2.5em; font-size : 1.15em;}
/*.intro2cols {margin-bottom : 0em;}*/

.thema .col a img {max-width : none; width : 100% !important; height : auto !important; padding : 0;}

.thema .grid-thema {margin-left : -1em; margin-right : -1em;}

.thema .grid-thema .col ul {margin-left : auto; margin-right : auto; margin-bottom : 1.5em; padding : 0; display : block; max-width : 20em;}
.thema .grid-thema .col ul li {padding : 0; margin : 0.5em 0; display : block; list-style-type : none;}

.thema .grid-thema .col ul li a {font-size : 0em; background-color : #d51115; color : #FFFFFF; border-radius : 5px; text-align : center; padding : 0.5rem 1rem 0.2rem 1rem; text-transform : uppercase; line-height : 1.2;}
.thema .grid-thema .col ul li a:hover {background-color : #000000;}
.thema .grid-thema .col ul li a big {font-size : 1.1rem;}

.thema .grid-thema .col > h2 {text-align : center;}

.page-Borders #bodyContent h1,
.page-Body_and_Health #bodyContent h1,
.page-Identity #bodyContent h1,
.page-War #bodyContent h1,
.page-European_construction #bodyContent h1,
.page-The_Rhine_cross-border_symbol #bodyContent h1,
.page-Sport #bodyContent h1,
.page-Health #bodyContent h1,
.page-Environment #bodyContent h1,
.page-Traditions #bodyContent h1,
.page-Industrial_and_cultural_heritage #bodyContent h1,
.page-Places #bodyContent h1 {text-align : center;}

.page-Borders #bodyContent h2,
.page-Body_and_Health #bodyContent h2,
.page-Identity #bodyContent h2,
.page-War #bodyContent h2,
.page-European_construction #bodyContent h2,
.page-The_Rhine_cross-border_symbol #bodyContent h2,
.page-Sport #bodyContent h2,
.page-Health #bodyContent h2,
.page-Environment #bodyContent h2,
.page-Traditions #bodyContent h2,
.page-Industrial_and_cultural_heritage #bodyContent h2,
.page-Places #bodyContent h2 {min-height : 0.75em; position : relative; text-align : center; background-color : #d51115; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em;/* padding : 0 0 0.5em 0; margin : 0 0 0.5em 0; background-image : url('images/rhinedits_fleche_thematiques.png'); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;*/ padding-left : 2.5em; padding-right : 2.5em;}

.page-Borders #bodyContent h2 span.mw-headline:before,
.page-Body_and_Health #bodyContent h2 span.mw-headline:before,
.page-Identity #bodyContent h2 span.mw-headline:before,
.page-War #bodyContent h2 span.mw-headline:before,
.page-European_construction #bodyContent h2 span.mw-headline:before,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline:before,
.page-Sport #bodyContent h2 span.mw-headline:before,
.page-Health #bodyContent h2 span.mw-headline:before,
.page-Environment #bodyContent h2 span.mw-headline:before,
.page-Traditions #bodyContent h2 span.mw-headline:before,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline:before,
.page-Places #bodyContent h2 span.mw-headline:before {
position: absolute;
left: 50%;
bottom: -42px;
border-color: #d51115 transparent transparent transparent;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}

.page-Borders #bodyContent h2 span.mw-headline,
.page-Body_and_Health #bodyContent h2 span.mw-headline,
.page-Identity #bodyContent h2 span.mw-headline,
.page-War #bodyContent h2 span.mw-headline,
.page-European_construction #bodyContent h2 span.mw-headline,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline,
.page-Sport #bodyContent h2 span.mw-headline,
.page-Health #bodyContent h2 span.mw-headline,
.page-Environment #bodyContent h2 span.mw-headline,
.page-Traditions #bodyContent h2 span.mw-headline,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline,
.page-Places #bodyContent h2 span.mw-headline {position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #d51115; font-weight : 600; vertical-align :top; padding-top : 0.1em;}

/*
.page-Borders h2 span.mw-headline b,
.page-Body_and_Health h2 span.mw-headline b,
.page-Identity h2 span.mw-headline b,
.page-War h2 span.mw-headline b,
.page-European_construction h2 span.mw-headline b,
.page-The_Rhine_cross-border_symbol h2 span.mw-headline b,
.page-Sport h2 span.mw-headline b,
.page-Health h2 span.mw-headline b,
.page-Environment h2 span.mw-headline b,
.page-Traditions h2 span.mw-headline b,
.page-Industrial_and_cultural_heritage h2 span.mw-headline b,
.page-Places h2 span.mw-headline b {font-weight : normal;}
*/

/*
.thema .grid-thema .col {background-repeat : no-repeat; background-position : 50% 18px; background-size : 92px 92px; padding-top : 128px;}
.thema .grid-thema .col:nth-child(1) {background-image : url(images/rhinedits_picto_frontieres_128.png);}
.thema .grid-thema .col:nth-child(2) {background-image : url(images/rhinedits_picto_corps-sante_128.png);}
.thema .grid-thema .col:nth-child(3) {background-image : url(images/rhinedits_picto_identite_128.png);}
*/

@media screen and (min-width: 1171px) {
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
}
@media screen and (max-width: 1170px) {
.grid-thema {
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
}
}

@media screen and (min-width: 800px) {
.thema > p,
.intro2cols {
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;

-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}

/* media queries */

@media screen and (min-width: 801px) and (max-width: 1440px) {
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 2.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 66px 89px;
}
#tagline {
font-size : 1em;
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
#nav2 ul li a {
font-size : 0.9em;
font-weight : 500;
}
.videoElement {width : calc(50% - 0.25rem);}
}

@media screen and (min-width: 35.001em) and (max-width: 55em) {
#bodyContent, .message *, #footer {
padding-left: 4em !important;
padding-right: 4em !important;
}
.catlinks {margin-left : 4em; margin-right : 4em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 44px 60px;
}
#tagline {
font-size : 1em;
padding-left: 4em !important;
padding-right: 4em !important;
}
#nav2 {
right : 5em; top : 0.35em;
}
#nav2 ul li a {
font-size : 0.75em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.75em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 4rem; padding-right : 4rem;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 6.5em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
}

@media screen and (max-width: 35em) {
#bodyContent, .message *, #footer {
padding-left: 2em !important;
padding-right: 2em !important;
}
.catlinks {margin-left : 2.5em; margin-right : 2.5em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.25em !important;
padding-left: 1.6em !important;
padding-right: 1.6em !important;
background-position : 0em 50%; background-size : 27px 36px;
}
#tagline {
font-size : 1em;
padding-left: 2em !important;
padding-right: 2em !important;
display : none !important;
}
#nav2 {
right : 5em; top : 0.3em;
}
#nav2 ul li a {
font-size : 0.65em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.65em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 2rem; padding-right : 2rem;}
.footer1 .footerLine1 > .footerCol1, .footer1 .footerLine1 > .footerCol2, .footer1 .footerLine1 > .footerCol3 {width : 100%; text-align : center;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 2em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
}

Thematiques

2021-02-16T08:05:14Z

Bertholom :

__NOTOC__
{{DISPLAYTITLE:<span style="position:absolute; top: -9999px">...</span>}}
<div class="thema">
{{TexteTr
|texteFr = L’historien, a écrit Marc Bloch, est comme l’ogre de la légende : il est assoiffé de chair fraîche. Par cette image forte, le professeur de l’université de Strasbourg redevenue française en 1919 nous rappelle que la matière de l’histoire, c’est l’homme. L’homme de sa naissance à sa mort, dans tous ses âges et états sociaux, dans ses pratiques culturelles et sa foi. Il se situe donc au cœur des films réanimés par cette cinémathèque partagée. Ancré dans un territoire et une histoire singuliers, il vit, ressent et filme d’une manière particulière la complexe notion de frontière, la déclinaison des identités régionales et locales, le rapport au corps et à la santé. Ces trois grilles de (re)lecture nous ont semblé propices à la réflexion sur les images comme source de l’histoire du Rhin Supérieur – sans pour autant les figer dans telle ou telle catégorie.
|texteDe = Der Historiker, schrieb Marc Bloch, ist wie der Menschenfresser im Märchen: er ist blutrünstig. Durch diesen bildhaften Vergleich erinnert uns der Professor an der 1919 wieder französisch gewordenen Straßburger Universität daran, dass der Mensch Stoff der Geschichte ist. Er ist es von seiner Geburt an bis zu seinem Tod, in jedem Lebensalter und in jeder sozialen Position, in seiner Kulturausübung und in seinem Glauben. Er befindet sich also im Herzen der Filme, die durch diese Kinemathek wieder belebt werden. Da der Mensch in einem einzigartigen Territorium und einer einzigartigen Geschichte verankert ist, lebt, fühlt und dreht er auf besonderer Weise den komplexen Begriff der Grenze sowie die Darstellung der regionalen und lokalen Identitäten und den Bezug auf den Körper und die Gesundheit. Diese drei Perspektiven erscheinen uns für die Betrachtung der Bilder als Quellen der Oberrheingeschichte geeignet - jedoch ohne sie in dieser oder jener Kategorie festzuhalten.
|texteEn=The historian, wrote Marc Bloch, is like the ogre of legend: he is thirsty for fresh flesh. Through this strong image, the professor of the University of Strasbourg, which became french again in 1919, reminds us that the subject of history is man. Man from birth to death, in all his ages and social states, in his cultural practices and his faith. It is therefore at the heart of the films revived by this shared cinematheque. Anchored in a singular territory and history, man lives, feels and films in a particular way the complex notion of borders, the declination of regional and local identities, the relationship to the body and health. These three (re)readings grids seemed to us to be appropriate for reflection on images as the source of the history of the Upper Rhine - without freezing them in one category or another.}}
<div class="grid-thema">
{{Thematiques|col=Borders|item1=War|item2=European construction|item3=The Rhine, cross-border symbol
|texte_fr=<p>L’époque couverte par les films réalisés dans le Rhin Supérieur, des années 1900 aux années 1980, voit s’intensifier l’enjeu géopolitique représenté par le fleuve.</p>
<p>Réunie à la France par le traité de Westphalie en 1648, l’Alsace se mue en champ de bataille militaire et culturel entre 1870 et 1945.</p>
<p>Vu de Paris et de Berlin, la question de l’appartenance se pose en termes de langue, de religion et d’adhésion politique.</p>
<p>Mais ce conflit entre nations ignore la réalité d’une frontière qui ne se réduit pas à une limite fortifiée que l’on franchit dans le feu et le sang.</p>
<p>Les régions de part et d’autre du Rhin partagent une culture datant du Moyen Age et de la Renaissance.</p>
<p>Surtout, depuis l’Antiquité, elles forment un nœud d’échanges économiques, un axe de transport majeur en Europe, et un territoire d’exploitation féconde des ressources naturelles.</p>
|texte_de=<p>In der Epoche, in der die Filme der Oberrheinregion gedreht wurden, also von den 1900er bis zu den 1990er Jahren, verstärkte sich die geopolitische Bedeutung des Rheins.</p>
<p>Das 1648 durch den Westfälischen Frieden wieder an Frankreich angegliederte Elsass verwandelte sich zwischen 1870 und 1945 in ein militärisches und kulturelles Schlachtfeld.</p>
<p>In Paris als auch Berlin stellte man sich die Frage der Zugehörigkeit Elsass zu einem der Länder in Sprache, Religion und politischer Zustimmung.</p>
<p>Der Konflikt unter Nationen ließ aber die Realität einer Grenze außer Acht, die sich nicht auf eine Befestigung beschränkt, die man durch Eisen und Blut überquerte.</p>
<p>Die Regionen beiderseits des Rheins teilen ein und dieselbe Kultur, die aus dem Mittelalter und der Renaissance stammt.</p>
<p>Vor allem bilden diese Regionen seit der Antike einen wirtschaftlichen Knotenpunkt, eine wesentliche Verkehrsachse in Europa und ein fruchtbares Territorium, dessen Bodenschätzen immer genutzt wurden.</p>
|texte_en=<p>The period covered by the films made in the Upper Rhine, from 1900 to the 1980s, saw the geopolitical challenge represented by the river intensify.</p>
<p>Reunited with France by the Treaty of Westphalia in 1648, Alsace became a military and cultural battlefield between 1870 and 1945.</p>
<p>Seen from Paris and Berlin, the question of belonging arises in terms of language, religion and political affiliation.</p>
<p>But this conflict between nations ignores the reality of a border that is not reduced to a fortified boundary that is crossed in fire and blood.</p>
<p>The regions on either side of the Rhine share a culture dating back to the Middle Ages and the Renaissance.</p>
<p>Above all, since ancient times, they have been a hub of economic exchanges, a major transport axis in Europe, and a fertile territory for the exploitation of natural resources.</p>
}}

{{Thematiques|col=Body_and_Health|item1=Sport|item2=Health|item3=Environment
|texte_fr=<p>À côté des paysages parcourus et des lieux visités, les hommes sont les principaux sujets des films amateurs du Rhin supérieur.</p>
<p>Au domicile, les cinéastes amateur s’attardent souvent sur les actes quotidiens d’hygiène, les pratiques sportives individuelles comme la gymnastique ou encore les manières de s’alimenter.</p>
<p>En extérieur, les compétitions sportives professionnelles et amateur donnent de belles occasions de sortir la caméra pour saisir le plaisir de l’effort et de la performance, les corps en mouvement.</p>
<p>Le Rhin supérieur est par ailleurs doté de structures de santé comme l’Hôpital civil de Strasbourg où les proches filment les malades ou les jeunes parturientes, les médecins fixent sur pellicule certains épisodes clefs de leur activité soignante.</p>
<p>De part et d’autre du Rhin, enfin, se noue un rapport singulier à l’environnement.</p>
<p>L’eau est présente partout, dans les stations thermales comme dans la production d’eaux minérales.</p>
<p>Sur fond de prise de conscience des pollutions nocives au corps, l’activisme écologiste connaît un essor tout particulier dans des régions précocement industrialisées où la production d’énergie atomique a toujours fait débat.</p>
|texte_de=<p>Neben den durchlaufenen Landschaften und den besichtigten Orten sind die Menschen die Hauptfiguren der Amateurfilme aus der Oberrheinregion.</p>
<p>Zu Hause konzentrierten sich die Amateurfilmemacher oft auf die alltägliche Hygiene, auf die individuellen Sportaktivitäten wie Gymnastik oder auf das Essen.</p>
<p>Draußen boten Sportwettkämpfe für Professionelle und Amateure eine attraktive Gelegenheit, für Filmemacher die Kamera auszupacken, um den Spaß an Anstrengung und Leistung sowie die sich bewegenden Körper festzuhalten.</p>
<p>Die Oberrheinregion ist darüber hinaus mit Gesundheitsinfrastrukturen ausgestattet wie das Zivilkrankenhaus von Strassburg, wo Angehörige die Kranken oder die jungen gebärenden Mütter filmten, und Ärzte einige markante Erlebnisse ihrer Pflegeaktivität aufzeichneten.</p>
<p>Auf beiden Seiten des Rheins entstand schließlich ein eigenartiger Bezug zur Umwelt.</p>
<p>Das Wasser ist allgegenwärtig, in den Kurorten sowie bei der Produktion von Mineralwasser.</p>
<p>Als mehr und mehr die körperschädigenden Umweltverschmutzungen ins Bewusstsein rückten, erlebte der ökologische Aktivismus einen besonderen Aufschwung in den frühindustrialisierten Regionen, in denen die Atomenergie immer umstritten war.</p>
|texte_en=<p>In addition to the landscapes and places visited, men are the main subjects of amateur films on the Upper Rhine.</p>
<p>In the home, amateur filmmakers often focus on daily hygiene, individual sports practices such as gymnastics or ways of eating.</p>
<p>Outdoors, professional and amateur sports competitions provide great opportunities to take the camera out to capture the pleasure of effort and performance, with bodies in motion.</p>
<p>The Upper Rhine also has health facilities such as the Strasbourg Civil Hospital, where relatives film patients or young women who have given birth, and doctors record on film certain key episodes of their medical activity.</p>
<p>Finally, on both sides of the Rhine, a unique relationship is being forged with the environment.</p>
<p>Water is present everywhere, in spas and in the production of mineral water.</p>
<p>Against the backdrop of an awareness of pollution harmful to the body, ecological activism is experiencing a very particular boom in early industrialized regions where atomic energy production has always been a subject of debate.</p>

}}

{{Thematiques|col=Identity|item1=Traditions|item2=Industrial and cultural heritage|item3=Places
|texte_fr=<p>Le Rhin supérieur se compose de trois régions à la géographie singulière dont les hauts lieux comme les sommets des Vosges ou de la Forêt-Noire, les berges du fleuve et les vastes étendues boisées ont de longue date été visités, et filmés.</p>
<p>Ces régions sont également unies par une culture germanique ayant émergé au Moyen Âge qui s’inscrit dans le paysage par un patrimoine architectural abondamment représenté dans les collections.</p>
<p>Ces territoires partagent certaines coutumes, notamment les fêtes familiales et les carnavals, que films de famille et chroniques locales amateur aiment souvent à fixer sur pellicule.</p>
<p>Au-delà de ces rapprochements et comparaisons se dessine aussi plus finement une authentique identité locale mêlant le rapport à l’histoire et les activités économiques.</p>
<p>Des deux côtés du Rhin, l’agriculture s’est maintenue jusqu’à nos jours, la vigne imprime sa marque aux coteaux, les produits régionaux (vin, choucroute, charcuterie) affirment une appartenance qui séduit les consommateurs au-delà des frontières régionales.</p>
<p>Les pays du Rhin supérieur se distinguent aussi par le développement précoce de l’extraction minière, de l’industrie textile et mécanique, et par l’utilisation du fleuve, aménagé avec de vastes ports, comme voie majeure de transport de pondéreux et de produits transformés</p>
|texte_de=<p>Die Oberrheinregion besteht aus drei geographisch besonderen Gebieten, deren wichtigste Orte seit langem besichtigt und gefilmt wurden wie die Berggipfel der Vogesen und des Schwarzwaldes, die Flussufer und die ausgedehnten Wälder.</p>
<p>Diese Gebiete sind auch durch eine gemeinsame Kultur verbunden, die im Mittelalter in den deutschsprachigen Ländern entstanden ist und sich im Stadtbild wiederfindet.</p>
<p>Das architektonische Erbe ist in den Filmsammlungen ausführlich abgebildet.</p>
<p>Diese Territorien haben miteinander bestimmte Sitten gemein, unter anderem Familienfeste und Fastnachtsbräuche, die die Amateurfilmemacher und lokalen Chronisten oft gerne auf Film festgehalten haben.</p>
<p>Über diese Annäherungen und Vergleiche hinaus zeichnet sich auch genauer eine authentische lokale Identität ab, die die Geschichte und die Wirtschaftstätigkeit mischt.</p>
<p>Auf beiden Seiten des Rheins hat sich die Landwirtschaft bis heute erhalten, die Weinberge hinterlassen Spuren in der Landschaft und die Lokalprodukte (Wein, Sauerkraut, Wurst), die die Verbraucher über die regionalen Grenzen hinweg begeistern, sind ein Markenzeichen der Region.</p>
<p>Die Oberrheinländer unterscheiden sich auch durch die frühe Entwicklung der Rohstoffförderung, der Textilindustrie und der Maschinenindustrie, sowie durch die Nutzung des mit großen Häfen ausgestatteten Rheins, der als Haupthandelsstraße von Schwergütern und verarbeiteten Produkten gilt.</p>
|texte_en=<p>The Upper Rhine is made up of three regions with unique geography, whose high places such as the peaks of the Vosges or the Black Forest, the banks of the river and the vast wooded areas have long been visited and filmed.</p>
<p>These regions are also united by a Germanic culture that emerged in the Middle Ages and is part of the landscape through an architectural heritage that is abundantly represented in the collections.</p>
<p>These territories share certain customs, such as family celebrations and carnivals, which family films and local amateur chronicles often like to be shot on film.</p>
<p>Beyond these rapprochements and comparisons, there is also a more finely defined authentic local identity that blends the relationship to history and economic activities.</p>
<p>On both sides of the Rhine, agriculture has been maintained until today, the vine makes its mark on the hillsides, regional products (wine, sauerkraut, sausages) assert a membership that appeals to consumers beyond regional borders.</p>
<p>The Upper Rhine countries are also characterised by the early development of mining, textile and mechanical industry, and by the use of the river, which has been developed with large ports, as a major transport route for heavy goods and processed products.</p>}}
</div>
</div>

Modèle:TexteTr

2021-02-16T07:52:19Z

Bertholom :

'''
{{#switch: {{int:lang}}
| fr = {{{texteFr|{{{texteEn|{{{texteDe|}}} }}} }}}
| de = {{{texteDe|{{{texteEn|{{{texteFr|}}} }}} }}}
| #default = {{{texteEn|{{{texteFr|{{{texteDe|}}} }}} }}}
}}
'''

Modèle:Thema

2021-02-16T07:51:16Z

Bertholom :

{{DISPLAYTITLE:<span style="position:absolute; top: -9999px">...</span>}}
{{#cargo_query:table=Sequences
|fields=apercu,_pageName,titre,realisateurs,dateDebut,dateFin,resume{{int:lang}}, idSupport,timecode,duree,video,annee
|where=thematique HOLDS WITHIN '{{PAGENAME}}'
|group by=_pageName
|order by=annee,_pageName
|limit=1000
|format=template
|template=LigneVideo
|named args=yes
|intro=<h2>'''{{Trad|{{PAGENAME}}}}'''</h2>
|default=No film in this thematic.
}}

Modèle:Thematiques

2021-02-16T07:48:29Z

Bertholom :

<div class="col">
<h2>{{trad|{{{col}}}}}</h2>
[[Fichier:{{{col}}}.jpg|center|link={{{col}}}|400px]]
<noinclude>
[[Fichier:{{{col}}}-{{int:lang}}.png|center|link={{{col}}}|400px]]
</noinclude>
* [[{{{item1}}}|<big>{{trad|{{{item1}}}}}</big> ({{#invoke:liste5|main|{{{item1}}}}})]]
* [[{{{item2}}}|<big>{{trad|{{{item2}}}}}</big> ({{#invoke:liste5|main|{{{item2}}}}})]]
* [[{{{item3}}}|<big>{{trad|{{{item3}}}}}</big> ({{#invoke:liste5|main|{{{item3}}}}})]]

{{{texte_{{int:lang}}|{{{texte_en|{{{texte_fr|{{{texte_de|}}}}}}}}}}}}
</div>

Modèle:Thematique

2021-02-16T07:46:26Z

Bertholom :

<includeonly>
__NOTOC__
{{DISPLAYTITLE:<span style="position:absolute; top: -9999px">...</span>}}
{{#default_form:Thematique}}
<h1>{{trad|{{{col}}}}}</h1>
<noinclude>
[[Fichier:{{{col}}}.jpg|left|link={{{col}}}|400px]]
{{#ifeq:{{{col|}}}{{{int:lang}}}|{{{int:lang}}}||[[Fichier:{{{col}}}-{{int:lang}}.png|left|link={{{col}}}|400px]]}}
</noinclude>

<div class="intro2cols">{{TexteTr|texteFr={{{texteIntroFr|}}}|texteDe={{{texteIntroDe|}}}|texteEn={{{texteIntroEn|}}}}}
<br clear="all">
</div>
{{#cargo_query:table=Sequences
|fields=apercu,_pageName,titre,realisateurs,dateDebut,dateFin,resume{{int:lang}}, idSupport,timecode,duree,video,annee
|where=thematique HOLDS WITHIN '{{{item1}}}'
|group by=_pageName
|order by=dateDebut,dateFin,_pageName
|format=template
|template=LigneVideo
|named args=yes
|intro=<h2>'''{{Trad|{{{item1}}}}}'''</h2>
|default=
}}
{{#cargo_query:table=Sequences
|fields=apercu,_pageName,titre,realisateurs,dateDebut,dateFin,resume{{int:lang}}, idSupport,timecode,duree,video,annee
|where=thematique HOLDS WITHIN '{{{item2}}}'
|group by=_pageName
|order by=dateDebut,dateFin,_pageName
|format=template
|template=LigneVideo
|named args=yes
|intro=<h2>'''{{Trad|{{{item2}}}}}'''</h2>
|default=
}}
{{#cargo_query:table=Sequences
|fields=apercu,_pageName,titre,realisateurs,dateDebut,dateFin,resume{{int:lang}}, idSupport,timecode,duree,video,annee
|where=thematique HOLDS WITHIN '{{{item3}}}'
|group by=_pageName
|order by=dateDebut,dateFin,_pageName
|format=template
|template=LigneVideo
|named args=yes
|intro=<h2>'''{{Trad|{{{item3}}}}}'''</h2>
|default=
}}
{{#ifexist:Mediawiki:Template-{{PAGENAME}}||[[Mediawiki:Template-{{PAGENAME}}]] }}
</includeonly>

MediaWiki:Template-Accueil

2021-02-16T07:38:28Z

Bertholom :

[[Fichier:Caméra rhinédits.jpg|centré]]
<h2>Vos films sont notre histoire !</h2>
<div class="intro2cols">
<p>Dans le cadre du projet franco-allemand Rhinedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisible, en particulier les films amateurs souvent muets...</p>

<p>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.</p>
</div>

<gallery mode="packed" widths=320 heights=240 perrow=3 align=left>
Tirailleursminiature.png|[[Tirailleurs marocains (0047FN0001)|Tirailleurs marocains]]
LFS02297_1_Bundesverdienstkreuz.jpg|[[Freiburg Film, Bundesverdienstkreuz (LFS_02297_1)|Freiburg Film, Bundesverdienstkreuz]]
Jeux_espla.jpg|[[Jeux esplanadiens (0003FH0008)|Jeux esplanadiens]]
Campfilles.jpg|[[Camp de vacances féminin (0160FS0002)|Camp de vacances féminin]]
</gallery>

MediaWiki:Erudite.css

2021-02-16T07:32:28Z

Bertholom :

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

.left1 {

}
.left2 {

}

.right {

}

}
/*
#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-image: none !important;
}

#main {
border-width:0;
}

/*#ternary.footer {display:none;}*/
#toolbox {display:none;}

.thema {
text-align:justify;
text-justify: inter-word;
}

.grid-themaold {
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;
}

.mw-cite-backlink a{
display:inline-block;
}
@media (min-width: 801px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
/*
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
*/
}
@media (max-width: 800px) {
#bandeau-video {
display: grid;
padding:0em;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
background-color: black;
opacity:inherit;
}
}

#vignette{
padding:10px
}

/* gen */

/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@200;400;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;600;800&display=swap');*/
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Light.ttf');
font-weight: 300;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-Thin.ttf');
font-weight: 100;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-SemiBold.ttf');
font-weight: 600;
}
@font-face { font-family: Overpass;
src: url('font/Overpass/Overpass-ExtraBold.ttf');
font-weight: 800;
}
body, h1, h2, h3, h4, h5, h6, h7 {font-family: 'Overpass', sans-serif; font-weight : 600;}
h1, h2, h3, h4, h5, h6, h7 {text-transform : uppercase;}
#bodyContent h1 {font-size : 2.5em; color : #000000; margin-top : 0;}
#bodyContent h2 {font-size : 1.75em; color : #000000;}
#bodyContent h3 {font-size : 1.5em; color : #000000;}
#bodyContent h4 {font-size : 1.35em; color : #000000;}
#bodyContent h5 {font-size : 1.15em; color : #000000;}
body {font-weight : 300;}

body {color : #444444;}
a {color : #2cafdf;}
a:hover {color : #000000;}

button {background-color : #2cafdf; color : #FFFFFF; padding : 0.5em ; font-size : 1em; border : none; border-radius : 5px; text-transform : uppercase;}
button:hover {background-color : #000000; color : #FFFFFF; cursor : pointer;}

#bodyContent p {text-align : justify;}
hr {background : none; height : 0; border-bottom : 1px #AAAAAA dotted;}

.toHide {display : none;}

div.floatleft, table.floatleft {margin : 0 2.5em 1em 0;}

.mw-collapsible {text-align : right;}
.mw-collapsible a.mw-collapsible-text {display : inline-block; padding : 0.5em 0.5em 0.25em 0.5em; background-color : #2cafdf; color : #FFFFFF; line-height : 1; border-radius : 5px; margin-right : 0.5em;}
.mw-collapsible a.mw-collapsible-text:hover {background-color : #000000; color : #FFFFFF;}
.mw-collapsible-toggle-default:before,
.mw-collapsible-toggle-default:after {content : '' !important; display : none !important;}

#nav2 ul li a,
#menu li a,
#menu li.widget#search input#searchsubmit,
#menu li.widget#search input#s,
#bodyContent a,
button{
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}

@media screen and (min-width: 800px) {
.cols2{
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.cols3{
-moz-column-count: 3;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.cols4{
-moz-column-count: 4;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.cols5{
-moz-column-count: 5;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.cols2, .cols3, .cols4, .cols5 {
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}
.cols2 > *, .cols3 > *, .cols4 > *, .cols5 > * {
text-align : justify;
}
/*.gallery.mw-gallery-packed*/
ul.gallery {margin-top : 1.5em; margin-bottom : 1.5em;}
ul.gallery .gallerytext a {text-transform : uppercase; text-align : left; line-height : 1.2;}
ul.gallery.mw-gallery-packed .gallerytext a {padding-top : 0.5em; padding-bottom : 0.5em;}
ul.gallery.mw-gallery-packed .gallerytext a:hover {color : #000000;background-color : transparent !important;}
ul.gallery li.gallerybox .thumb a:hover {background-color : transparent !important;}
ul.gallery li.gallerybox .thumb img {padding : 0;}
/*ul.gallery.mw-gallery-packed li.gallerybox {margin : 0.5em;}*/
body.rootpage-Accueil h2 {text-align : center; margin-top : 0em; margin-bottom : 0.65em; font-size : 1.75em; color : #000000; font-weight : 600; text-transform : none;}

/* entete */

#top-wrap {position : relative; background-image : url(images/rhinedits_bandeau_accueil_h.jpg); background-size : cover; background-position : 0 15%; padding-top : 1.8em;}
body.rootpage-Accueil #top-wrap {padding-top : 15%; padding-bottom : 15%;}
body.rootpage-Accueil #nav {position : absolute; bottom : 3.625em;}

/* main */

body {line-height : 1.6 !important;}
#main {position : relative;}
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 3.25em !important;
padding-left: 2em !important;
padding-right: 2em !important;
font-weight : 400;
background-image : url(images/rhinedits_dp.png); background-repeat : no-repeat; background-position : 0.65em 50%; background-size : 66px 89px;
}
#top-wrap h1 b {
font-weight : 700;
}
#tagline {
font-size : 1.25em;
padding-left: 5.2em !important;
padding-right: 5.2em !important;
margin-top : 1.1em !important;
}
#nav {border-left : none; border-right : none;}

/* nav-meta */

#main, #top-wrap, #top-wrap h1, #tagline, #nav, #footer-wrap-inner, .message {
width : auto !important;
max-width : none !important;
}
#top-wrap h1 {text-transform : none;}

#nav-meta {padding : 1em; background-color : rgba(0,0,0,0.5); float : none; position : absolute; right : 0em; top : 1.5em; margin : 0 !important; z-index : 100;}
#nav-meta a {color : #DDDDDD; font-style : italic !important; font-weight : normal !important;}
#nav-meta a:hover {color : #FFFFFF;}
#nav-meta span {padding : 0.2em 0;}

/* menu */

#menu {background-color : transparent; margin-bottom : -3.75em; padding-left : 6.5em; margin-top : 1.6em;}
#menu li {margin-right : 0.75em; margin-bottom : 0.75em; border : none; padding : 0 !important;}
#menu li a {
color : #FFFFFF; text-transform : uppercase; border-radius : 5px; padding : 0.3em 1em;
}
#menu li a:hover,
#menu li:hover a {color : #FFFFFF; text-decoration : none !important;}
#menu li:nth-child(1) a {background-color : #f3b500;}
#menu li:nth-child(2) a {background-color : #d51115;}
#menu li:nth-child(3) a {background-color : #23398c;}
#menu li:nth-child(4) a {background-color : #000000;}
/*
#menu li:nth-child(1):hover a {background-color : #cc9900;}
#menu li:nth-child(2):hover a {background-color : #b00e11;}
#menu li:nth-child(3):hover a {background-color : #1a2a66;}
#menu li:nth-child(4):hover a {background-color : #000000;}
*/
#menu li:nth-child(1):hover a {background-color : #ffc800;}
#menu li:nth-child(2):hover a {background-color : #ff1418;}
#menu li:nth-child(3):hover a {background-color : #2d4ab3;}
#menu li:nth-child(4):hover a {background-color : #000000;}
#menu li.widget#search {
float: left;
}

/* search */

#menu li.widget#search div {font-size : 0; vertical-align : middle;}
#menu li.widget#search div > input {font-size : 1rem; display : inline-block; vertical-align : middle;}
#menu li.widget#search input#s,
#menu li.widget#search input#searchsubmit{border : none;}
#menu li.widget#search input#s {border-top-left-radius : 5px; border-bottom-left-radius : 5px; padding : 0.6rem 1rem; background-color : #EEEEEE;}
#menu li.widget#search input#s:focus {background-color : #FFFFFF;}
#menu li.widget#search input#searchsubmit{border-top-right-radius : 5px; border-bottom-right-radius : 5px; padding : 0.25rem 0; text-transform : uppercase; cursor : pointer; padding : 0.6rem 1rem; background-color : #FFFFFF; color : #444444;}
#menu li.widget#search input#searchsubmit:hover{background-color : #FFFFFF; color : #000000;}

/* nav2 */

#nav2 {position : absolute; right : 6em; top : 0em; width : 100%;}
#nav2 ul {text-align : right;}
#nav2 ul li {display : inline-block;}
#nav2 ul li a {
text-transform : uppercase; color : #FFFFFF; border-radius : 5px; padding : 0.3em 1em; font-size : 1em; font-weight : 500;
}
#nav2 ul li a:hover {background-color : rgba(0,0,0,0.5);}

/* footer */

#bottom-wrap {padding : 0; background-image : none; background-color : transparent;}
.footer1 {padding-top : 2.5em;}
.footer1 .footerLine1 {font-size : 0; padding : 2rem 7rem; background-color : #FFFFFF; border-top : 2px #000000 solid;}
.footer1 .footerLine2 {font-size : 0; padding : 1rem 7rem; background-color : #000000;}
.footer1 .footerLine1 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : middle;
}
.footer1 .footerLine1 > .footerCol1 {
width : 36.5%;
text-align : left;
}
.footer1 .footerLine1 > .footerCol2 {
width : 51.5%;
text-align : center;
}
.footer1 .footerLine1 > .footerCol3 {
width : 12%;
text-align : right;
}
.footer1 .footerLine1 > * > a {
display : inline-block; margin : 0.5rem; vertical-align : middle;
}
.footer1 .footerLine1 > * > a > img {
filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);
-webkit-transition-property: color, background-color, border-color, opacity, filter;
-moz-transition-property: color, background-color, border-color, opacity, filter;
-o-transition-property: color, background-color, border-color, opacity, filter;
-ms-transition-property: color, background-color, border-color, opacity, filter;
transition-property: color, background-color, border-color, opacity, filter;

-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.footer1 .footerLine1 > * > a:hover > img {
filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);
}
.footer1 .footerLine1 > * > a#img_feder > img {
/*height : 54px !important;
width : auto !important;*/
height : auto !important;
width : 294px !important;
}
.footer1 .footerLine1 > * > a#img_io > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 90px !important;
}
.footer1 .footerLine1 > * > a#img_ho > img {
/*height : 50px !important;
width : auto !important*/
height : auto !important;
width : 235px !important;
}
.footer1 .footerLine1 > * > a#img_uds > img {
/*height : 64px !important;
width : auto !important;*/
height : auto !important;
width : 168px !important;
}
.footer1 .footerLine1 > * > a#img_mira > img {
/*height : 77px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine1 > * > a#img_cbnn > img {
/*height : 32px !important;
width : auto !important;*/
height : auto !important;
width : 64px !important;
}
.footer1 .footerLine2 > * {
display : inline-block;
font-size : 0;
margin : 0;
padding : 0;
vertical-align : top;
color : #FFFFFF;
}
.footer1 .footerLine2 > * {
width : 33.33%;
font-size : 1rem;
}
.footer1 .footerLine2 > .footerCol1 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol2 {
text-align : left;
}
.footer1 .footerLine2 > .footerCol3 {
text-align : right;
}
.footer1 .footerLine2 ul,
.footer1 .footerLine2 ul li {
display : block; margin : 0; padding : 0; list-stle-type : none;
}
.footer1 .footerLine2 h3 {margin : 0 0 0 0.2em; padding : 0;}
.footer1 .footerLine2 > .footerCol1 h3 {display : none !important;}
.footer1 .footerLine2 a {color : #FFFFFF;}
.footer1 .footerLine2 a:hover {color : #FFFFFF;}

.footer1 .footerLine2 li,
.footer1 .footerLine2 li.active {background-color : transparent; margin-bottom : 1px;}

.footer1 .footerLine2 li > a {display : inline-block; border-radius : 5px; padding : 2px 5px;}
.footer1 .footerLine2 li.active > a {background-color : #444444;}

.footer1 .footerLine2 li#pt-uls a.uls-trigger {line-height : inherit !important; padding-left : 32px;}

/* Liste videos */

.videoElement {display : inline-block; width : calc(33.33% - 0.25rem); vertical-align : top; line-height : 1.2;margin: 0;padding: 0.75rem;box-sizing: border-box;}
.videoElement .mediaPart {position : relative; padding-top : 75%; overflow : hidden;}
.videoElement .mediaPart > video,
.videoElement .mediaPart > img {position : absolute !important; bottom : 0 !important; left : 0 !important; right : 0 !important; width : 100% !important;}
.videoElement .metasPart {padding-top : 0.75em;}
#bodyContent .videoElement p {text-align : left;}
.videoElement p a:first-child {font-size : 1.25em; text-transform : uppercase;}

/* Sommaire #toc*/

#toc .tocnumber {display : none;}
#toc ul, #toc li {display : block; margin : 0; padding : 0; list-style-type : none; text-align : center;}
#toc li {display : inline-block; margin : 0.1em 0.05em;}
#toc li a {background-color : #2cafdf; color : #FFFFFF; padding : 0.25em 0.5em; font-size : 0.95em; border : none; border-radius : 5px; font-weight : 400;}
#toc li a b{font-weight : 400;}
#toc li a:hover {background-color : #000000; color : #FFFFFF;}
.toctitle {display : none !important;}
#toc .periodeNbFilms,
#toc .toctext span {display : none;}

/* fiche */

#vid {max-width : 960px; margin-left : auto; margin-right : auto;}
.signature {font-size : 0.85em;}
.signature p {padding : 0; margin : 0;}

/* Epoques */

.page-Epoques #toc li a {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Epoques a {color : #2d4ab3;}
.page-Epoques a:hover {color : #000000;}
.page-Epoques button {background-color : #2d4ab3; color : #FFFFFF;}
.page-Epoques button:hover {background-color : #000000; color : #FFFFFF;}
.listCategory .periodeNbFilms {display : block;}
.page-Epoques .mw-collapsible a.mw-collapsible-text {background-color : #2d4ab3;}
.page-Epoques .mw-collapsible a.mw-collapsible-text:hover {background-color : #000000;}
.listCategory {text-align : center; background-image : url(images/rhinedits_fleches_chrono.png); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;}
.listCategory span.mw-headline {background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #2d4ab3; /*font-size : 0.8em; */line-height : 1.2; font-weight : 600;}
.listCategory span.mw-headline span.periodeNbFilms {font-weight : 300; text-transform : none; font-size : 0.8em;}
@media screen and (min-width: 1680px) {
.listCategory {background-size : 100% 28px;}
}

/* Thématiques */

.page-Borders #toc li a,
.page-Body_and_Health #toc li a,
.page-Identity #toc li a,
.page-War #toc li a,
.page-European_construction #toc li a,
.page-The_Rhine_cross-border_symbol #toc li a,
.page-Sport #toc li a,
.page-Health #toc li a,
.page-Environment #toc li a,
.page-Traditions #toc li a,
.page-Industrial_and_cultural_heritage #toc li a,
.page-Places #toc li a {background-color : #d51115; color : #FFFFFF;}
.page-Borders #toc li a:hover,
.page-Body_and_Health #toc li a:hover,
.page-Identity #toc li a:hover,
.page-War #toc li a:hover,
.page-European_construction #toc li a:hover,
.page-The_Rhine_cross-border_symbol #toc li a:hover,
.page-Sport #toc li a:hover,
.page-Health #toc li a:hover,
.page-Environment #toc li a:hover,
.page-Traditions #toc li a:hover,
.page-Industrial_and_cultural_heritage #toc li a:hover,
.page-Places #toc li a:hover {background-color : #000000; color : #FFFFFF;}
.page-Borders a,
.page-Body_and_Health a,
.page-Identity a,
.page-War a,
.page-European_construction a,
.page-The_Rhine_cross-border_symbol a,
.page-Sport a,
.page-Health a,
.page-Environment a,
.page-Traditions a,
.page-Industrial_and_cultural_heritage a,
.page-Places a {color : #d51115;}
.page-Borders a:hover,
.page-Body_and_Health a:hover,
.page-Identity a:hover,
.page-War a:hover,
.page-European_construction a:hover,
.page-The_Rhine_cross-border_symbol a:hover,
.page-Sport a:hover,
.page-Health a:hover,
.page-Environment a:hover,
.page-Traditions a:hover,
.page-Industrial_and_cultural_heritage a:hover,
.page-Places a:hover {color : #000000;}
.page-Borders button,
.page-Body_and_Health button,
.page-Identity button,
.page-War button,
.page-European_construction button,
.page-The_Rhine_cross-border_symbol button,
.page-Sport button,
.page-Health button,
.page-Environment button,
.page-Traditions button,
.page-Industrial_and_cultural_heritage button,
.page-Places button {background-color : #d51115; color : #FFFFFF;}
.page-Borders button:hover,
.page-Body_and_Health button:hover,
.page-Identity button:hover,
.page-War button:hover,
.page-European_construction button:hover,
.page-The_Rhine_cross-border_symbol button:hover,
.page-Sport button:hover,
.page-Health button:hover,
.page-Environment button:hover,
.page-Traditions button:hover,
.page-Industrial_and_cultural_heritage button:hover,
.page-Places button:hover {background-color : #000000; color : #FFFFFF;}

.thema {position : relative;}
.thema .col {background-color : transparent;}
.thema > p,
.intro2cols {font-weight : lighter; max-width : 1260px; margin-left : auto; margin-right : auto; margin-bottom : 2.5em; font-size : 1.15em;}
/*.intro2cols {margin-bottom : 0em;}*/

.thema .col a img {max-width : none; width : 100% !important; height : auto !important; padding : 0;}

.thema .grid-thema {margin-left : -1em; margin-right : -1em;}

.thema .grid-thema .col ul {margin-left : auto; margin-right : auto; margin-bottom : 1.5em; padding : 0; display : block; max-width : 20em;}
.thema .grid-thema .col ul li {padding : 0; margin : 0.5em 0; display : block; list-style-type : none;}

.thema .grid-thema .col ul li a {font-size : 0em; background-color : #d51115; color : #FFFFFF; border-radius : 5px; text-align : center; padding : 0.5rem 1rem 0.2rem 1rem; text-transform : uppercase; line-height : 1.2;}
.thema .grid-thema .col ul li a:hover {background-color : #000000;}
.thema .grid-thema .col ul li a big {font-size : 1.1rem;}

.thema .grid-thema .col > h2 {text-align : center;}

.page-Borders #bodyContent h1,
.page-Body_and_Health #bodyContent h1,
.page-Identity #bodyContent h1,
.page-War #bodyContent h1,
.page-European_construction #bodyContent h1,
.page-The_Rhine_cross-border_symbol #bodyContent h1,
.page-Sport #bodyContent h1,
.page-Health #bodyContent h1,
.page-Environment #bodyContent h1,
.page-Traditions #bodyContent h1,
.page-Industrial_and_cultural_heritage #bodyContent h1,
.page-Places #bodyContent h1 {text-align : center;}

.page-Borders #bodyContent h2,
.page-Body_and_Health #bodyContent h2,
.page-Identity #bodyContent h2,
.page-War #bodyContent h2,
.page-European_construction #bodyContent h2,
.page-The_Rhine_cross-border_symbol #bodyContent h2,
.page-Sport #bodyContent h2,
.page-Health #bodyContent h2,
.page-Environment #bodyContent h2,
.page-Traditions #bodyContent h2,
.page-Industrial_and_cultural_heritage #bodyContent h2,
.page-Places #bodyContent h2 {min-height : 0.75em; position : relative; text-align : center; background-color : #d51115; padding : 0; margin : 1em 0 1.25em 0; font-size : 1.75em !important; line-height : 1em;/* padding : 0 0 0.5em 0; margin : 0 0 0.5em 0; background-image : url('images/rhinedits_fleche_thematiques.png'); background-size : 100%; background-position : 0 0; background-repeat : no-repeat;*/ padding-left : 2.5em; padding-right : 2.5em;}

.page-Borders #bodyContent h2 span.mw-headline:before,
.page-Body_and_Health #bodyContent h2 span.mw-headline:before,
.page-Identity #bodyContent h2 span.mw-headline:before,
.page-War #bodyContent h2 span.mw-headline:before,
.page-European_construction #bodyContent h2 span.mw-headline:before,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline:before,
.page-Sport #bodyContent h2 span.mw-headline:before,
.page-Health #bodyContent h2 span.mw-headline:before,
.page-Environment #bodyContent h2 span.mw-headline:before,
.page-Traditions #bodyContent h2 span.mw-headline:before,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline:before,
.page-Places #bodyContent h2 span.mw-headline:before {
position: absolute;
left: 50%;
bottom: -42px;
border-color: #d51115 transparent transparent transparent;
border-width: 18px;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
margin-left: -18px;
}

.page-Borders #bodyContent h2 span.mw-headline,
.page-Body_and_Health #bodyContent h2 span.mw-headline,
.page-Identity #bodyContent h2 span.mw-headline,
.page-War #bodyContent h2 span.mw-headline,
.page-European_construction #bodyContent h2 span.mw-headline,
.page-The_Rhine_cross-border_symbol #bodyContent h2 span.mw-headline,
.page-Sport #bodyContent h2 span.mw-headline,
.page-Health #bodyContent h2 span.mw-headline,
.page-Environment #bodyContent h2 span.mw-headline,
.page-Traditions #bodyContent h2 span.mw-headline,
.page-Industrial_and_cultural_heritage #bodyContent h2 span.mw-headline,
.page-Places #bodyContent h2 span.mw-headline {position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background-color : #FFFFFF; display : inline-block; padding : 0em 2em; color : #d51115; font-weight : 600; vertical-align :top; padding-top : 0.1em;}

/*
.page-Borders h2 span.mw-headline b,
.page-Body_and_Health h2 span.mw-headline b,
.page-Identity h2 span.mw-headline b,
.page-War h2 span.mw-headline b,
.page-European_construction h2 span.mw-headline b,
.page-The_Rhine_cross-border_symbol h2 span.mw-headline b,
.page-Sport h2 span.mw-headline b,
.page-Health h2 span.mw-headline b,
.page-Environment h2 span.mw-headline b,
.page-Traditions h2 span.mw-headline b,
.page-Industrial_and_cultural_heritage h2 span.mw-headline b,
.page-Places h2 span.mw-headline b {font-weight : normal;}
*/

/*
.thema .grid-thema .col {background-repeat : no-repeat; background-position : 50% 18px; background-size : 92px 92px; padding-top : 128px;}
.thema .grid-thema .col:nth-child(1) {background-image : url(images/rhinedits_picto_frontieres_128.png);}
.thema .grid-thema .col:nth-child(2) {background-image : url(images/rhinedits_picto_corps-sante_128.png);}
.thema .grid-thema .col:nth-child(3) {background-image : url(images/rhinedits_picto_identite_128.png);}
*/

@media screen and (min-width: 1171px) {
.grid-thema {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
}
}
@media screen and (max-width: 1170px) {
.grid-thema {
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
}
}

@media screen and (min-width: 800px) {
.thema > p,
.intro2cols {
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;

-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
column-gap: 2.5em;
text-align : left;
}
}

/* media queries */

@media screen and (min-width: 801px) and (max-width: 1440px) {
#bodyContent, .message *, #footer {
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
.catlinks {margin-left : 6.5em; margin-right : 6.5em;}
#top-wrap h1 {
font-size : 2.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 66px 89px;
}
#tagline {
font-size : 1em;
padding-left: 6.5em !important;
padding-right: 6.5em !important;
}
#nav2 ul li a {
font-size : 0.9em;
font-weight : 500;
}
.videoElement {width : calc(50% - 0.25rem);}
}

@media screen and (min-width: 35.001em) and (max-width: 55em) {
#bodyContent, .message *, #footer {
padding-left: 4em !important;
padding-right: 4em !important;
}
.catlinks {margin-left : 4em; margin-right : 4em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.6em !important;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
background-position : 0.65em 50%; background-size : 44px 60px;
}
#tagline {
font-size : 1em;
padding-left: 4em !important;
padding-right: 4em !important;
}
#nav2 {
right : 5em; top : 0.35em;
}
#nav2 ul li a {
font-size : 0.75em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.75em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 4rem; padding-right : 4rem;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 6.5em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
}

@media screen and (max-width: 35em) {
#bodyContent, .message *, #footer {
padding-left: 2em !important;
padding-right: 2em !important;
}
.catlinks {margin-left : 2.5em; margin-right : 2.5em;}
#top-wrap {
padding-top : 2.5em;
padding-bottom : 1.5em;
}
#top-wrap h1 {
font-size : 1.25em !important;
padding-left: 1.6em !important;
padding-right: 1.6em !important;
background-position : 0em 50%; background-size : 27px 36px;
}
#tagline {
font-size : 1em;
padding-left: 2em !important;
padding-right: 2em !important;
display : none !important;
}
#nav2 {
right : 5em; top : 0.3em;
}
#nav2 ul li a {
font-size : 0.65em;
font-weight : 600;
}
#menubutton {top : 1em; right : 1em; font-size : 0.65em; padding : 0.3em 1em; border-radius : 5px; background-color : #000000; color : #FFFFFF; font-weight : 600;}
.footer1 .footerLine1, .footer1 .footerLine2 {padding-left : 2rem; padding-right : 2rem;}
.footer1 .footerLine1 > .footerCol1, .footer1 .footerLine1 > .footerCol2, .footer1 .footerLine1 > .footerCol3 {width : 100%; text-align : center;}
.footer1 .footerLine2 > .footerCol1 {width : 50%;}
.footer1 .footerLine2 > .footerCol2 {width : 50%;}
.footer1 .footerLine2 > .footerCol3 {display : block; width : 100%; text-align : center; padding-top : 1.5em;}

#menu:target {
display: block;
background-color: #333333;
position: absolute;
left: 0;
right: 0;
top: 1em;
z-index: 1000;
padding : 1.5em 2em;
}
#menu:target li {
margin-right : 0;
}
.videoElement {width : 100%; padding : 0;}
}

Fichier:Identity.jpg

2021-02-16T07:29:57Z

Bertholom :

Fichier:Body and Health.jpg

2021-02-16T07:29:20Z

Bertholom :

Fichier:Borders.jpg

2021-02-16T07:28:53Z

Bertholom :

MediaWiki:Erudite.css

2021-02-01T17:11:41Z

Bertholom :

MediaWiki:Erudite.css

2021-02-01T17:10:45Z

Bertholom :

MediaWiki:Erudite.css

2021-02-01T17:08:41Z

Bertholom :

MediaWiki:Template-Accueil

2021-02-01T17:05:55Z

Bertholom :

[[Fichier:Caméra rhinédits.jpg|centré]]
<h2>Vos films sont notre histoire !</h2>
<div class="cols2">
<p>Dans le cadre du projet franco-allemand Rhinedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisible, en particulier les films amateurs souvent muets...</p>

<p>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.</p>
</div>

<gallery mode="packed" widths=320 heights=240 perrow=3 align=left>
Tirailleursminiature.png|[[Tirailleurs marocains (0047FN0001)|Tirailleurs marocains]]
LFS02297_1_Bundesverdienstkreuz.jpg|[[Freiburg Film, Bundesverdienstkreuz (LFS_02297_1)|Freiburg Film, Bundesverdienstkreuz]]
Jeux_espla.jpg|[[Jeux esplanadiens (0003FH0008)|Jeux esplanadiens]]
Campfilles.jpg|[[Camp de vacances féminin (0160FS0002)|Camp de vacances féminin]]
</gallery>

MediaWiki:Erudite.css

2021-02-01T17:00:32Z

Bertholom :

MediaWiki:Erudite.css

2021-02-01T16:57:38Z

Bertholom :

MediaWiki:Erudite.css

2021-02-01T16:55:39Z

Bertholom :

Module:Liste3

2021-02-01T16:49:33Z

Bertholom :

local p = {}
function p.main(frame)
if frame == mw.getCurrentFrame() then
args = require('Module:ProcessArgs').merge(true)
else
frame = mw.getCurrentFrame()
end

local query = {}
for k, v in pairs(args) do
if string.sub(k, 0, 2) == 'q?' then
query[string.sub(k, 3)] = v
end
end

supports={}
local result = mw.ext.cargo.query('Supports','idSupport,video',{groupBy = 'idSupport',limit=3000})
for d, row in ipairs(result) do
supports[row['idSupport']] = row['video']
end

result = mw.ext.cargo.query(query.tables, query.fields, query)
if not next(result) then
return frame:preprocess(args.default or '')
end

local tbl = {}
for _, row in ipairs(result) do
row['annee'] = tonumber(row['annee'])
if row['video'] == '' then
if supports[row['idSupport']] then row['video']=supports[row['idSupport']] end
end
end

local debut = 1900
local periode,nb = 10,0
local d,f = debut,debut+periode
local retour, tbl = '',{''}

local epoques = {}
local n = 1
epoques[n] = {d..' > '..f,{}}
for _,row in ipairs(result) do
if row['annee'] >= f + 1 then
while row['annee'] > f + periode do
d,f = f,f+periode
end
d,f,n = f,f+periode,n+1
epoques[n] = {}
epoques[n] = {d..' > '..f, {}}
end
table.insert(epoques[n][2], row)
end

for _,epoque in ipairs(epoques) do
retour = retour .. frame:expandTemplate{ title = 'Banniere2', args = {Titre = epoque[1] ..'<span class="toHide"> : </span><span class="periodeNbFilms">' .. #epoque[2] .. ' films</span>'}}
local nn
for n,film in ipairs(epoque[2]) do
if n == 4 then
retour = retour .. '\n <div class="mw-collapsible mw-collapsed"><div class="mw-collapsible-content">'
end
retour = retour .. frame:expandTemplate{ title = args.template, args = film}
nn = n
end
if nn > 4 then
retour = retour .. '</div></div>'
end
end

local intro = frame:preprocess(args.intro or '')
local outro = frame:preprocess(args.outro or '')

return intro .. retour .. outro

end
return p

Modèle:Banniere2

2021-02-01T16:43:58Z

Bertholom :

<h2 class="listCategory">'''{{{Titre}}}'''</h2>

Modèle:LigneVideo

2021-02-01T16:37:41Z

Bertholom :

<includeonly>
<div class="videoElement">
<div class="mediaPart">
{{#if:{{{video|}}}
|{{Video|video={{{video}}}|timecode={{{timecode}}}|duree={{{duree}}}|apercu={{{apercu}}}}}
|{{#cargo_query:table=Supports|fields=video|where=idSupport='{{{idSupport}}}'|group by=idSupport|format=template|template=ReqToVar}}
{{Video|video={{#var:var_1}}|timecode={{{timecode}}}|duree={{{duree}}}|apercu={{{apercu}}}}}
}}</div>
<div class="metasPart">
{{#formredlink:target={{{_pageName}}}|link text={{{titre|}}}|existing page link text={{{titre|}}} }} ({{#ifeq:{{{dateDebut}}}|{{{dateFin}}}|{{{annee}}}|{{int:Template-entre}} {{#time:Y|{{{dateDebut|{{{dateFin}}} }}} }} {{int:Template-et}} {{#time:Y|{{{dateFin|{{{dateDebut}}} }}} }} }})
</div>
</div>
</includeonly>

MediaWiki:Erudite.css

2021-02-01T16:05:19Z

Bertholom :

MediaWiki:Template-Accueil

2021-01-28T09:26:33Z

Bertholom :

[[Fichier:Caméra rhinédits.jpg|centré]]
<h2>VOS FILMS SONT NOTRE HISTOIRE !</h2>
<div class="cols2">
<p>Dans le cadre du projet franco-allemand Rhinedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisibles, en particulier les films amateur souvent muets...</p>

<p>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.</p>
</div>

<gallery mode="packed" widths=320 heights=240 perrow=3 align=left>
De La Roque.jpg|[[Visite du colonel de la Roque en Alsace (0005FH0011)|Visite du colonel de la Roque en Alsace]]
Monument Stras.png|[[Inauguration du monument aux morts à Strasbourg (0005FS0011—7)|Inauguration du monument aux morts à Strasbourg]]
Corderie.png|[[Cordiers pendant la guerre (0005FH0023 8)|Cordiers pendant la guerre]]
Alsaciens évacués.jpg|[[Alsaciens évacués (0005FH0011)|Alsaciens évacués]]
</gallery>

Fichier:Caméra rhinédits.jpg

2021-01-28T09:26:13Z

Bertholom :

Caméra rhinédits

MediaWiki:Template-Accueil

2021-01-28T09:24:12Z

Bertholom :

<h2>VOS FILMS SONT NOTRE HISTOIRE !</h2>
<div class="cols2">
<p>Dans le cadre du projet franco-allemand Rhinedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisibles, en particulier les films amateur souvent muets...</p>

<p>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.</p>
</div>

<gallery mode="packed" widths=320 heights=240 perrow=3 align=left>
De La Roque.jpg|[[Visite du colonel de la Roque en Alsace (0005FH0011)|Visite du colonel de la Roque en Alsace]]
Monument Stras.png|[[Inauguration du monument aux morts à Strasbourg (0005FS0011—7)|Inauguration du monument aux morts à Strasbourg]]
Corderie.png|[[Cordiers pendant la guerre (0005FH0023 8)|Cordiers pendant la guerre]]
Alsaciens évacués.jpg|[[Alsaciens évacués (0005FH0011)|Alsaciens évacués]]
</gallery>

MediaWiki:Template-Accueil

2021-01-28T09:23:30Z

Bertholom :

<h2>VOS FILMS SONT NOTRE HISTOIRE !</h2>
<div class="cols2">
<p>Dans le cadre du projet franco-allemand {{Couleur|#00a2e5|Rh}}Inedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisibles, en particulier les films amateur souvent muets...</p>

<p>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.</p>
</div>

<gallery mode="packed" widths=320 heights=240 perrow=3 align=left>
De La Roque.jpg|[[Visite du colonel de la Roque en Alsace (0005FH0011)|Visite du colonel de la Roque en Alsace]]
Monument Stras.png|[[Inauguration du monument aux morts à Strasbourg (0005FS0011—7)|Inauguration du monument aux morts à Strasbourg]]
Corderie.png|[[Cordiers pendant la guerre (0005FH0023 8)|Cordiers pendant la guerre]]
Alsaciens évacués.jpg|[[Alsaciens évacués (0005FH0011)|Alsaciens évacués]]
</gallery>

MediaWiki:Template-Accueil

2021-01-26T16:52:01Z

Bertholom :

<center><span style="color:#00a2e5><big>VOS FILMS SONT NOTRE HISTOIRE !</big></span></center>

<center>Dans le cadre du projet franco-allemand {{Couleur|#00a2e5|Rh}}Inedits sont collectés les films « inédits » tournés dans les trois régions réunies par le Rhin - Alsace, Bade-Wurtemberg et pays de Bâle - ou réalisés par leurs habitants. Ces films de famille, films institutionnels, films d’entreprise et autres films non commerciaux ont une histoire et font partie de l’Histoire. Ils constituent un patrimoine inestimable qu’il s’agit de sauvegarder et de rendre lisibles, en particulier les films amateur souvent muets..<center>

<center>Sans le travail de recherche des universitaires et des étudiants, sans surtout la collaboration des acteurs de l’époque – les cinéastes, leurs proches, leurs collègues et tous ceux qu’ils ont filmés – et des citoyens d'aujourd'hui, cette histoire populaire est incompréhensible et inutilisable. Il importe de reconstituer et de se réapproprier de manière collective cette mémoire qui plante de profondes racines des deux côtés du Rhin. Il nous incombe à tous de réinvestir ces images de leur sens d’origine, pour réactiver le passé dans ses dimensions les plus intimes et universelles à la fois.<center>

{{Focus
|texte-fr===<center><span style="color:#00a2e5>FOCUS SUR LES REALISATIONS DE '''[[Weiss,_Robert_C.|Robert C. Weiss]]</span></center>==
<gallery mode="packed-hover" heights="150px" align=left>
De La Roque.jpg|[[Visite du colonel de la Roque en Alsace (0005FH0011)|Visite du colonel de la Roque en Alsace]]
Monument Stras.png|[[Inauguration du monument aux morts à Strasbourg (0005FS0011—7)|Inauguration du monument aux morts à Strasbourg]]
Corderie.png|[[Cordiers pendant la guerre (0005FH0023 8)|Cordiers pendant la guerre]]
Alsaciens évacués.jpg|[[Alsaciens évacués (0005FH0011)|Alsaciens évacués]]
</gallery>
}}

{{Focus
|texte-fr===<center><span style="color:#00a2e5>FRAGMENTS</span><center>==
<center>'''Les films vus par ceux qui en sont les acteurs'''<center>

<center>Cette collection de films courts réalisés par Sophie Desgeorge sont des témoignages des cinéastes eux-mêmes ou de ceux qui les ont côtoyés. Ces films nous offrent un autre regard sur leur travail.<center>

{{Utilisatrice:Marion.brun/fragmentsKugler}}
Fragments #1 - Jean-Georges Kugler
}}

<imagemap>
Fichier:Participez-MachenSieMit_03.png|sans_cadre|centré|600px
default [[Aide:Participez]]
desc bottom-right
</imagemap>