Contact - ICRC Audiovisual archives

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8" />  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K3C4RK'); </script>  <meta content="Contact" property="og:title" /> <meta content="ICRC Audiovisual archives" property="og:site_name" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Contact - ICRC Audiovisual archives</title> <link href="/Content/Images/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link href="/Content/css?v=l0P2xTbSLtyng6EAXObXjJUeyrMNgeLuKjKRwC3a7vA1" rel="stylesheet"/> <link href="/Content/foundation/foundation-icons.css" rel="stylesheet" type="text/css" /> <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" type="text/css" /> <script src="/bundles/jquery?v=Bzp_dTVhv48WubmOg6LNiXkSo6gZz1AWEULSNcl6rqU1"></script> <script src="/bundles/mediaGrid?v=5_wtzRZ5W0A6zdh7QKZ8429yifrAOfX3C0PGXIZV2UU1"></script> <script src="/bundles/foundation?v=HNC2jJZ9Seyj_Wuk0ayywKgRzTW0RWK3b6xt6RO8CmY1"></script> <script src="/bundles/jquery-unobtrusive?v=Xuam6TWPhcGt1QT7p5fexG3T-XZA9hjh88zJ89jkDQQ1"></script> <script src="/bundles/jqueryval?v=aZ9LM0ZkM87E9nThpP75kXQlo5w0VHaNgjq5onDUzY01"></script> <script src="/bundles/jqueryFileDownload?v=8FRRpONDNP-ttWXqsfuqU-omk-ERLuXVqTUbBEuT7dw1"></script> <script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script> <script src="/bundles/Common?v=xr5ZIeJ90Vp32_tOpFhQ7EWM0wBorejzE69C2-J0O7I1"></script> <script src="/bundles/datepicker?v=aZN0cui4KtQGApsyQl8ZObUpvepbkGTNjyC1CGAX83k1"></script> <script src="https://content.jwplatform.com/libraries/RYGmPchC.js"></script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-551297b0576760de" async="async"></script> <script> var addthis_config = addthis_config || {}; addthis_config.ui_email_from = ''; addthis_config.data_track_clickback = false; var _gaq = _gaq || []; </script> <script type="text/javascript"> $(document).ready(function () { var hasAcceptedCookies = document.cookie.replace(/(?:(?:^|.*;\s*)has-accepted-cookies\s*\=\s*([^;]*).*$)|^.*$/, "$1"); if (hasAcceptedCookies !== "true") { $("#cookie-alert").addClass("visible"); $("#cookie-alert-accept").on("click", function () { document.cookie = "has-accepted-cookies=true;expires=Mon, 21 Dec 2037 12:00:00 GMT"; $("#cookie-alert").removeClass("visible"); }); } }); ; </script> <script type="text/javascript"> $(document).ready(function () { $('.fdatepicker').fdatepicker({ language: 'en-US', format: 'dd/mm/yyyy', }); $(document).foundation(); }) </script> <script src='https://js.hcaptcha.com/1/api.js'></script> </head> <body>  <noscript> <iframe src=https://www.googletagmanager.com/ns.html?id=GTM-K3C4RK height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header> <div id="headerTest"> <div class="top-bar language-bar"> <div class="left small-12 medium-6 large-6"> <h2 class="titleAccueil top-bar"> <a href="/">ICRC <br /> Audiovisual archives</a> </h2> </div> <div id="user-hide" style="display: none" class="right small-12 medium-6 large-6 columns"> <img src="/Content/Images/loader-dark.gif" /> </div> <div id="user-bar" class="right small-12 medium-6 large-6 columns" > <div> <div id="language-select" data-dropdown="hover-language" data-options="is_hover:true" class="btLanguage ellipsis right">English</div> <ul id="hover-language" class="f-dropdown languageDialog" data-dropdown-content aria-hidden="true" tabindex="-1"> <li><a onclick="setCulture('fr-FR')">French</a></li> </ul> </div> <a id="btnLogin" class="btLogin right">Login</a> </div> </div> <div> <nav class="top-bar menu" data-topbar role="navigation"> <ul class="title-area"> <li class="name"></li>  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> </ul> <section class="top-bar-section">  <div class="navigation"> <ul><li><a href="/">Home</a></li><li class="active"><a href="/Contact">Contact</a></li><li><a href="/CollectionsDescription">Collections description</a></li><li><a href="/UsingTerms">Terms and conditions of use</a></li><li><a href="/FAQ">FAQ</a></li></ul> </div> </section> </nav> </div> </div> <script> $('#btnLogin').click(function () { $('#popupLogin').foundation('reveal', 'open', "/User/Login"); }); $(function () { setNavigation(); }); function setNavigation() { var path = window.location.pathname; path = path.replace(/\//, ""); path = decodeURIComponent(path); $(".navigation a").each(function () { var id = $(this).attr('id'); if (id !== undefined && path.substring(0, id.length).toLowerCase() === id) { $(".navigation li").removeClass("active"); $(this).closest('li').addClass('active'); } }); } </script> </header> <div id="divPage"> <input type="hidden" id="inputHiddenBaseExternURL" value="https://avarchives.icrc.org" /> <input type="hidden" id="hidMultivalueSeparator" value="; " /> <div id="divContent" class="divInline"> <script src="/bundles/AdvancedSearch?v=gVVUBx-kp6Y7qrqM1-wIKKyoi1ypoO0h-zJ7gEHE7Gg1"></script> <script type="text/javascript"> /* autocomplete attribute name initialization */ var AutocompleField_AllMedia = 'autocomplete', AutocompleField_Film = 'autocomplete_film', AutocompleField_Picture = 'autocomplete_picture', AutocompleField_Sound = 'autocomplete_sound'; </script> <form action="/Search/AdvancedSearch" id="formAdvancedSearch" method="post"> <div id="divDisplayPicture" style="display:none;"> <input class="hidDisplayCollectionType" data-val="true" data-val-required="The CollectionType field is required." id="DisplayPicture_CollectionType" name="DisplayPicture.CollectionType" type="text" value="Picture" />; <input class="hidDisplayCountPage" data-val="true" data-val-number="The field CountPage must be a number." data-val-required="The CountPage field is required." id="DisplayPicture_CountPage" name="DisplayPicture.CountPage" type="text" value="0" />; <input class="hidDisplayCurrentPage" data-val="true" data-val-number="The field CurrentPage must be a number." data-val-regex="The field CurrentPage must match the regular expression '^([0-9])$'." data-val-regex-pattern="^([0-9])$" data-val-required="The CurrentPage field is required." id="DisplayPicture_CurrentPage" name="DisplayPicture.CurrentPage" type="text" value="1" />; <input class="hidDisplayDisplayOption" data-val="true" data-val-required="The DisplayOption field is required." id="DisplayPicture_DisplayOption" name="DisplayPicture.DisplayOption" type="text" value="Mosaic" />; <input class="hidDisplayResultCount" data-val="true" data-val-number="The field ResultCount must be a number." data-val-required="The ResultCount field is required." id="DisplayPicture_ResultCount" name="DisplayPicture.ResultCount" type="text" value="0" />; <input class="hidDisplayResultPerPage" data-val="true" data-val-number="The field ResultPerPage must be a number." data-val-required="The ResultPerPage field is required." id="DisplayPicture_ResultPerPage" name="DisplayPicture.ResultPerPage" type="text" value="30" />; <input class="hidDisplaySortOption" data-val="true" data-val-required="The SortOption field is required." id="DisplayPicture_SortOption" name="DisplayPicture.SortOption" type="text" value="DateDesc" />; </div> <div id="divDisplaySound" style="display:none;"> <input class="hidDisplayCollectionType" data-val="true" data-val-required="The CollectionType field is required." id="DisplaySound_CollectionType" name="DisplaySound.CollectionType" type="text" value="Sound" />; <input class="hidDisplayCountPage" data-val="true" data-val-number="The field CountPage must be a number." data-val-required="The CountPage field is required." id="DisplaySound_CountPage" name="DisplaySound.CountPage" type="text" value="0" />; <input class="hidDisplayCurrentPage" data-val="true" data-val-number="The field CurrentPage must be a number." data-val-regex="The field CurrentPage must match the regular expression '^([0-9])$'." data-val-regex-pattern="^([0-9])$" data-val-required="The CurrentPage field is required." id="DisplaySound_CurrentPage" name="DisplaySound.CurrentPage" type="text" value="1" />; <input class="hidDisplayDisplayOption" data-val="true" data-val-required="The DisplayOption field is required." id="DisplaySound_DisplayOption" name="DisplaySound.DisplayOption" type="text" value="Vignet" />; <input class="hidDisplayResultCount" data-val="true" data-val-number="The field ResultCount must be a number." data-val-required="The ResultCount field is required." id="DisplaySound_ResultCount" name="DisplaySound.ResultCount" type="text" value="0" />; <input class="hidDisplayResultPerPage" data-val="true" data-val-number="The field ResultPerPage must be a number." data-val-required="The ResultPerPage field is required." id="DisplaySound_ResultPerPage" name="DisplaySound.ResultPerPage" type="text" value="30" />; <input class="hidDisplaySortOption" data-val="true" data-val-required="The SortOption field is required." id="DisplaySound_SortOption" name="DisplaySound.SortOption" type="text" value="DateDesc" />; </div> <div id="divDisplayFilm" style="display:none;"> <input class="hidDisplayCollectionType" data-val="true" data-val-required="The CollectionType field is required." id="DisplayFilm_CollectionType" name="DisplayFilm.CollectionType" type="text" value="Film" />; <input class="hidDisplayCountPage" data-val="true" data-val-number="The field CountPage must be a number." data-val-required="The CountPage field is required." id="DisplayFilm_CountPage" name="DisplayFilm.CountPage" type="text" value="0" />; <input class="hidDisplayCurrentPage" data-val="true" data-val-number="The field CurrentPage must be a number." data-val-regex="The field CurrentPage must match the regular expression '^([0-9])$'." data-val-regex-pattern="^([0-9])$" data-val-required="The CurrentPage field is required." id="DisplayFilm_CurrentPage" name="DisplayFilm.CurrentPage" type="text" value="1" />; <input class="hidDisplayDisplayOption" data-val="true" data-val-required="The DisplayOption field is required." id="DisplayFilm_DisplayOption" name="DisplayFilm.DisplayOption" type="text" value="Vignet" />; <input class="hidDisplayResultCount" data-val="true" data-val-number="The field ResultCount must be a number." data-val-required="The ResultCount field is required." id="DisplayFilm_ResultCount" name="DisplayFilm.ResultCount" type="text" value="0" />; <input class="hidDisplayResultPerPage" data-val="true" data-val-number="The field ResultPerPage must be a number." data-val-required="The ResultPerPage field is required." id="DisplayFilm_ResultPerPage" name="DisplayFilm.ResultPerPage" type="text" value="30" />; <input class="hidDisplaySortOption" data-val="true" data-val-required="The SortOption field is required." id="DisplayFilm_SortOption" name="DisplayFilm.SortOption" type="text" value="DateDesc" />; </div> <input data-val="true" data-val-required="The RefreshTarget field is required." id="hidRefreshTarget" name="RefreshTarget" type="hidden" value="AllMedia" /><input data-val="true" data-val-number="The field BeginningDateYear must be a number." id="hidBeginningDateYear" name="AdvancedSearch.BeginningDateYear" type="hidden" value="" /><input data-val="true" data-val-number="The field EnddingDateYear must be a number." id="hidEnddingDateYear" name="AdvancedSearch.EnddingDateYear" type="hidden" value="" /><input id="hidSelectedFacets" name="SelectedFacetsLiteral" type="hidden" value="" /><input id="hidUnselectedFacet" name="UnselectedFacetsLiteral" type="hidden" value="" /> <fieldset> <input class="searchModel" id="hidSearchId" name="Id" type="hidden" value="" /> <div class="row collapse search"> <div id="containerSearch" class="row collapse"> <div class="small-3 medium-2 large-3 columns divTopBarButton"> <div><input id="MediaType" name="MediaType" type="hidden" value="0"></input><div aria-controls="ddlMediaType" aria-expanded="false" class="button prefix round alert topBarButton ellipsis searchModel" data-dropdown="ddlMediaType" id="displayMediaType" nullDisplay="All media" nullValue="0">All media</div><ul class="f-dropdown" data-dropdown-content="" id="ddlMediaType"><li><a onClick="$('#displayMediaType').html('All media'); $('#ddlMediaType').foundation('dropdown', 'close', $('#ddlMediaType')); $('#MediaType').val('0').trigger('change');">All media</a></li><li><a onClick="$('#displayMediaType').html('Photo'); $('#ddlMediaType').foundation('dropdown', 'close', $('#ddlMediaType')); $('#MediaType').val('3').trigger('change');">Photo</a></li><li><a onClick="$('#displayMediaType').html('Film/Video'); $('#ddlMediaType').foundation('dropdown', 'close', $('#ddlMediaType')); $('#MediaType').val('2').trigger('change');">Film/Video</a></li><li><a onClick="$('#displayMediaType').html('Sound'); $('#ddlMediaType').foundation('dropdown', 'close', $('#ddlMediaType')); $('#MediaType').val('1').trigger('change');">Sound</a></li></ul></div> </div> <div class="small-5 medium-5 large-5 columns"> <input class="checkValue" id="simpleSearch" name="AdvancedSearch.FreeText" onkeydown="if (event.keyCode == 13) { SubmitManual(); return false; }" placeholder="Search" type="search" value="" /> </div> <div class="small-1 medium-1 large-1 columns divTopBarButton"> <input type="button" class="button postfix round alert topBarButton btSearch" onclick="SubmitManual();" value="" /> </div> <div class="small-2 medium-4 large-3 columns divTopBarButton right"> <a href="#" onclick="OpenOrCloseAdvancedSearch();" class="right button active round btAdvSearch ellipsis "> <span class="hide-for-small-only">Advanced search</span> </a> </div> </div> </div> <div id="pnlContent" class="content hidden"> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label>Country/Region</label> <input class="searchModel tagbox checkValue" data-autocomplete="commongeographicalkeywords" data-autocomplete_film="filmgeographicalkeywords" data-autocomplete_picture="commongeographicalkeywords" data-autocomplete_sound="soundgeographicalkeywords" id="AdvancedSearch_Country" name="AdvancedSearch.Country" placeholder="Country/Region" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label>Keyword</label> <input class="searchModel tagbox checkValue" data-autocomplete="commonkeywords" data-autocomplete_film="filmkeywords" data-autocomplete_picture="photokeywords" data-autocomplete_sound="soundkeywords" id="AdvancedSearch_Keyword" name="AdvancedSearch.Keyword" placeholder="Keyword" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Person">Person</label> <input class="searchModel tagbox checkValue" data-autocomplete="commonpeople" data-autocomplete_film="filmpeople" data-autocomplete_picture="photopeople" data-autocomplete_sound="soundpeople" id="AdvancedSearch_Person" name="AdvancedSearch.Person" placeholder="Person appearing" type="text" value="" /> </div> </div> <div class="row"> <div class="small-3 medium-2 large-2 columns"> <div class="row collapse"> <label>Start date</label> <input class="fdatepicker searchModel checkValue" id="AdvancedSearch_BeginningDateText" name="AdvancedSearch.BeginningDateText" placeholder="Start date" type="text" value="" /> </div> </div> <div class="small-3 medium-2 large-2 columns"> <div class="row collapse"> <label>End date</label> <input class="fdatepicker searchModel checkValue" id="AdvancedSearch_EnddingDateText" name="AdvancedSearch.EnddingDateText" placeholder="End date" type="text" value="" /> </div> </div> <div class="small-4 medium-4 large-4 columns end"> <div><input id="AdvancedSearch_PublicationRestrictions" name="AdvancedSearch.PublicationRestrictions" type="hidden" value=""></input><div aria-controls="ddlAdvancedSearch_PublicationRestrictions" aria-expanded="false" class="searchModel searchDropdown" data-dropdown="ddlAdvancedSearch_PublicationRestrictions" id="displayAdvancedSearch_PublicationRestrictions" nullDisplay="Publication restrictions" nullValue="">Publication restrictions</div><ul class="f-dropdown" data-dropdown-content="" id="ddlAdvancedSearch_PublicationRestrictions"><li><a onClick="$('#displayAdvancedSearch_PublicationRestrictions').html('Publication restrictions'); $('#ddlAdvancedSearch_PublicationRestrictions').foundation('dropdown', 'close', $('#ddlAdvancedSearch_PublicationRestrictions')); $('#AdvancedSearch_PublicationRestrictions').val('').trigger('change');">Publication restrictions</a></li><li><a onClick="$('#displayAdvancedSearch_PublicationRestrictions').html('publication subject to restrictions'); $('#ddlAdvancedSearch_PublicationRestrictions').foundation('dropdown', 'close', $('#ddlAdvancedSearch_PublicationRestrictions')); $('#AdvancedSearch_PublicationRestrictions').val('publication subject to restrictions').trigger('change');">publication subject to restrictions</a></li><li><a onClick="$('#displayAdvancedSearch_PublicationRestrictions').html('publication without restrictions'); $('#ddlAdvancedSearch_PublicationRestrictions').foundation('dropdown', 'close', $('#ddlAdvancedSearch_PublicationRestrictions')); $('#AdvancedSearch_PublicationRestrictions').val('publication without restrictions').trigger('change');">publication without restrictions</a></li><li><a onClick="$('#displayAdvancedSearch_PublicationRestrictions').html('reserved users only'); $('#ddlAdvancedSearch_PublicationRestrictions').foundation('dropdown', 'close', $('#ddlAdvancedSearch_PublicationRestrictions')); $('#AdvancedSearch_PublicationRestrictions').val('reserved users only').trigger('change');">reserved users only</a></li></ul></div> </div> </div> <div id="pnlPicture" class="content hidden"> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Photographer">Photographer</label> <input class="searchModel checkValue" data-autocomplete_picture="photophotographer" id="AdvancedSearch_Photographer" name="AdvancedSearch.Photographer" placeholder="Photographer" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns end"> <label for="AdvancedSearch_PictureCopyright">Copyright</label> <input class="searchModel checkValue" data-autocomplete_picture="photocopyright" id="AdvancedSearch_PictureCopyright" name="AdvancedSearch.PictureCopyright" placeholder="Copyright" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Color">Colour/B&W</label> <div><input id="AdvancedSearch_Color" name="AdvancedSearch.Color" type="hidden" value=""></input><div aria-controls="ddlAdvancedSearch_Color" aria-expanded="false" class="searchModel searchDropdown" data-dropdown="ddlAdvancedSearch_Color" id="displayAdvancedSearch_Color" nullDisplay="Colour/B&amp;W" nullValue="">Colour/B&W</div><ul class="f-dropdown" data-dropdown-content="" id="ddlAdvancedSearch_Color"><li><a onClick="$('#displayAdvancedSearch_Color').html('Colour/B&amp;W'); $('#ddlAdvancedSearch_Color').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Color')); $('#AdvancedSearch_Color').val('').trigger('change');">Colour/B&W</a></li><li><a onClick="$('#displayAdvancedSearch_Color').html('black and white'); $('#ddlAdvancedSearch_Color').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Color')); $('#AdvancedSearch_Color').val('black and white').trigger('change');">black and white</a></li><li><a onClick="$('#displayAdvancedSearch_Color').html('colour'); $('#ddlAdvancedSearch_Color').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Color')); $('#AdvancedSearch_Color').val('colour').trigger('change');">colour</a></li></ul></div> </div> </div> <div class="row"> <div class="small-4 medium-4 large-4 columns end"> <label for="AdvancedSearch_Orientation">Orientation</label> <div><input id="AdvancedSearch_Orientation" name="AdvancedSearch.Orientation" type="hidden" value=""></input><div aria-controls="ddlAdvancedSearch_Orientation" aria-expanded="false" class="searchModel searchDropdown" data-dropdown="ddlAdvancedSearch_Orientation" id="displayAdvancedSearch_Orientation" nullDisplay="Orientation" nullValue="">Orientation</div><ul class="f-dropdown" data-dropdown-content="" id="ddlAdvancedSearch_Orientation"><li><a onClick="$('#displayAdvancedSearch_Orientation').html('Orientation'); $('#ddlAdvancedSearch_Orientation').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Orientation')); $('#AdvancedSearch_Orientation').val('').trigger('change');">Orientation</a></li><li><a onClick="$('#displayAdvancedSearch_Orientation').html('landscape'); $('#ddlAdvancedSearch_Orientation').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Orientation')); $('#AdvancedSearch_Orientation').val('landscape').trigger('change');">landscape</a></li><li><a onClick="$('#displayAdvancedSearch_Orientation').html('portrait'); $('#ddlAdvancedSearch_Orientation').foundation('dropdown', 'close', $('#ddlAdvancedSearch_Orientation')); $('#AdvancedSearch_Orientation').val('portrait').trigger('change');">portrait</a></li></ul></div> </div> </div> </div> <div id="pnlSound" class="content hidden"> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Producer">Producer</label> <input class="searchModel checkValue" data-autocomplete_sound="soundproducer" id="AdvancedSearch_Producer" name="AdvancedSearch.Producer" placeholder="Producer" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Production">Production</label> <input class="searchModel checkValue" data-autocomplete_sound="soundproduction" id="AdvancedSearch_Production" name="AdvancedSearch.Production" placeholder="Production" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_RecordingType">Recording type</label> <input class="searchModel checkValue" data-autocomplete_sound="soundrecordingtype" id="AdvancedSearch_RecordingType" name="AdvancedSearch.RecordingType" placeholder="Recording type" type="text" value="" /> </div> </div> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_SerieSubserie">Series/Sub-series</label> <input class="searchModel checkValue" data-autocomplete_sound="soundseriessubseries" id="AdvancedSearch_SerieSubserie" name="AdvancedSearch.SerieSubserie" placeholder="Series/Sub-series" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_SoundLanguage">Language</label> <input class="searchModel tagbox checkValue" data-autocomplete_sound="soundlanguage" id="AdvancedSearch_SoundLanguage" name="AdvancedSearch.SoundLanguage" placeholder="Language" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_SoundCopyright">Copyright</label> <input class="searchModel checkValue" data-autocomplete_sound="soundcopyright" id="AdvancedSearch_SoundCopyright" name="AdvancedSearch.SoundCopyright" placeholder="Copyright" type="text" value="" /> </div> </div> </div> <div id="pnlFilm" class="content hidden"> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Cameraman">Cameraman</label> <input class="searchModel checkValue" data-autocomplete_film="filmcameraman" id="AdvancedSearch_Cameraman" name="AdvancedSearch.Cameraman" placeholder="Cameraman" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_Director">Director</label> <input class="searchModel checkValue" data-autocomplete_film="filmdirector" id="AdvancedSearch_Director" name="AdvancedSearch.Director" placeholder="Director" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_FilmLanguage">Language</label> <input class="searchModel tagbox checkValue" data-autocomplete_film="filmlanguage" id="AdvancedSearch_FilmLanguage" name="AdvancedSearch.FilmLanguage" placeholder="Language" type="text" value="" /> </div> </div> <div class="row"> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_FilmCopyright">Copyright</label> <input class="searchModel checkValue" data-autocomplete_film="filmcopyright" id="AdvancedSearch_FilmCopyright" name="AdvancedSearch.FilmCopyright" placeholder="Copyright" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> <label for="AdvancedSearch_ProductionCompany">Production company</label> <input class="searchModel checkValue" data-autocomplete_film="filmproductioncompany" id="AdvancedSearch_ProductionCompany" name="AdvancedSearch.ProductionCompany" placeholder="Production company" type="text" value="" /> </div> <div class="small-4 medium-4 large-4 columns"> </div> </div> </div> <div class="row SearchButtons"> <input type="button" class="btClear" onclick="ClearSearch();" value="Clear"> <input type="button" class="btSearch" onclick="SubmitManual();" value="Search" /> </div> </div> </fieldset> </form> <form action="/Contact/HandleSendForm" id="formContact" method="post"><script type="text/javascript"> var captchaValidate = false; var verifyCallback = function (response) { captchaValidate = true; $("#hcaptcha-error").hide(); }; var expiredCallback = function (response) { captchaValidate = false; $("#hcaptcha-error").hide(); hcaptcha.reset(); }; </script> <div class="profile-container fullHeight"> <h5>Contact us</h5> <p>- by phone: +41 22 730 33 55 (from Monday to Friday – 9 a.m to 5 p.m.)<br/>- by email: <a href="mailto:avarchives@icrc.org">avarchives@icrc.org</a><br/> - by post:<br/>International Committee of the Red Cross<br/>Library and Public archives<br/>19, avenue de la Paix - 1202 Geneva - Switzerland<br/></p> <div class="row"> <div class="separator column end"></div> </div> <h1>Contact form</h1>  <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns"> <label class="profile-label" for="Subject">Subject</label> </div> <div class="small-6 medium-6 large-6 columns end"> <input class="profile-value" id="Subject" name="Subject" type="text" value="" /> </div> </div>  <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns"> <label class="profile-label" for="FirstName">First name</label> </div> <div class="small-6 medium-6 large-6 columns end"> <input class="profile-value" id="FirstName" name="FirstName" type="text" value="" /> </div> </div>  <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns"> <label class="profile-label" for="Surname">Last name</label> </div> <div class="small-6 medium-6 large-6 columns end"> <input class="profile-value" id="Surname" name="Surname" type="text" value="" /> </div> </div>  <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns"> <label class="profile-label" for="MailAddress">Your email address</label> <p class="required-field">*</p> </div> <div class="small-6 medium-6 large-6 columns end"> <input class="profile-value" data-val="true" data-val-regex="Your email address is invalid" data-val-regex-pattern="^(([^<>()[\]\\.,;:\s@]+(\.[^<>()[\]\\.,;:\s@]+)*)|(.+))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" data-val-required="Email address required" id="MailAddress" name="MailAddress" type="text" value="" /> <div class="profile-validation-message"> <span class="field-validation-valid" data-valmsg-for="MailAddress" data-valmsg-replace="true"></span> </div> </div> </div>  <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns"> <label class="profile-label" for="Message">Message</label> <p class="required-field">*</p> </div> <div class="small-6 medium-6 large-6 columns end"> <textarea class="profile-value" cols="20" data-val="true" data-val-required="Message required" id="Message" name="Message" rows="2" style="height: 200px;"> </textarea> <div class="profile-validation-message"> <span class="field-validation-valid" data-valmsg-for="Message" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row profile-block"> <div class="small-6 medium-6 large-6 columns">   </div> <div class="small-6 medium-6 large-6 columns end"> <div id="hcaptcha" class="h-captcha" data-callback="verifyCallback" data-expired-callback="expiredCallback" data-sitekey="0dddb125-5c3a-44e6-8d14-70a66d28ff52"></div> <div id="hcaptcha-error" class="profile-validation-message" style="display: none;margin-top:90px"> <span class="field-validation-error"><span id="Message-error">Captcha required</span></span> </div> </div> </div>  <div class="row"> <div class="separator column end"></div> </div> <input class="button small round right" type="button" value="Send request" onclick="CheckAndSubmit('profile-value', 'formContact');" /> </div> </form> </div> </div>  <div id="divFooter" class="row"> <div class="container"> <div class="large-4 medium-4 small-12 columns"> <h2>Sections</h2> <ul> <li><a href="/Contact" target="_blank">Contact</a> </li> <li><a href="/FAQ" target="_blank">FAQ</a> </li> <li><a href="/CollectionsDescription" target="_blank">Collections description</a> </li> <li><a href="/UsingTerms" target="_blank">Terms and conditions of use</a> </li> </ul> </div> <div class="large-4 medium-4 small-12 columns"> <h2>Quick links</h2> <ul> <li><a href="https://www.icrc.org/en/archives" target="_blank">ICRC Archives</a></li> <li><a href="https://www.icrc.org/en/library" target="_blank">ICRC Library</a></li> <li><a href="https://www.facebook.com/ICRCArchives/" target="_blank">ICRC Archives on Facebook</a></li> <li><a href="https://www.icrcnewsroom.org/" target="_blank">ICRC Newsroom</a></li> </ul> </div> <div class="large-4 medium-4 small-12 columns"> <h2>ICRC Blogs</h2> <ul> <li><a href="http://blogs.icrc.org/cross-files/" target="_blank">CROSS-files</a></li> <li><a href="http://blogs.icrc.org/" target="_blank">Quick links to ICRC blogs</a></li> </ul> </div> </div> </div> <div id="meta-footer" class="row"> <div class="container"> <ul> <li>© International Committee of the Red Cross</li> </ul> </div> </div>  <div id="popupLogin" class="reveal-modal medium" data-reveal>  </div> <div id="popupForgotPassword" class="reveal-modal medium" data-reveal> </div> <div id="partialErrorPopup">  <div id="popupErrorMessage" class="popupErrorMessage reveal-modal small popinError" data-reveal> <div class="row"> <div class="small-2 medium-2 large-2 columns"> <img /> </div> <div class="columns small-8 medium-8 large-8 small-centered medium-centered large-centered popup-title-container"> <h3 id="popupErrorMessage-title">Error</h3> </div> </div> <hr /> <div class="row"> <div class="columns large-centered popup-message-container"> <span id="popupErrorMessage-error"></span> </div> </div> <div class="row"> <div class="columns small-3 medium-3 large-3 small-centered medium-centered large-centered text-center popup-action-button-container"> <input type="button" value="Close" onclick="ModalAction('#popupErrorMessage', 'close');" class="button popupNoButton closeButton" /> </div> </div> </div> <a class="close-reveal-modal">×</a> </div> <div id="popupMailTo" class="reveal-modal medium" data-reveal> <div id="SendMailForm"> <div class="row popup-title-container"> <p>Send email</p> </div> <form action="/Home/SendMail" data-ajax="true" data-ajax-failure="onFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="onSuccess" data-ajax-update="#SendMailForm" id="formSendMail" method="post"> <div class="row"> <label for="FromMail">Email address (From)</label> <input class="text-box single-line" data-val="true" data-val-email="The Email address (From) field is not a valid e-mail address." data-val-required="From email is required" id="FromMail" name="FromMail" type="email" value="" /> <div class="email-validation-message"> <span class="field-validation-valid" data-valmsg-for="FromMail" data-valmsg-replace="true"></span> </div> </div> <div class="row"> <label for="Address">Email address (To)</label> <input class="text-box single-line" data-val="true" data-val-regex="This email address is invalid" data-val-regex-pattern="^(([^<>()[\]\\.,;:\s@]+(\.[^<>()[\]\\.,;:\s@]+)*)|(.+))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" data-val-required="An email address is required" id="Address" name="Address" type="text" value="" /> <div class="email-validation-message"> <span class="field-validation-valid" data-valmsg-for="Address" data-valmsg-replace="true"></span> </div> </div> <div class="row"> <label for="Subject">Subject</label> <input id="mailToSubject" name="Subject" type="text" value="" /> </div> <div class="row"> <label for="Body">Message</label> <textarea cols="20" id="mailToBody" name="Body" rows="10"> </textarea> </div> <div class="popup-action-button-container"> <div class="row"> <div class="columns small-6 medium-6 large-6 text-center"> <input type="button" value="No" class="button small popupNoButton" onclick="ModalAction('#popupMailTo', 'close');" /> </div> <div id="btnSubmitMail" class="columns small-6 medium-6 large-6 text-center"> <input type="button" value="Yes" class="button small" onclick="SendMail();" /> </div> </div> </div> <a class="close-reveal-modal">×</a> </form></div> </div> <script> // Used for the client side validation of the CheckBox, where it must be true. jQuery.validator.unobtrusive.adapters.add("mustbetrue", function (options) { //must be true for checkboxes if (options.element.tagName.toUpperCase() == "INPUT" && options.element.type.toUpperCase() == "CHECKBOX") { //setValidationValues(options, "required", true); options.rules["required"] = true; if (options.message) { options.messages["required"] = options.message; } } }); function Empty(e) { switch (e) { case "": case 0: case "0": case null: case false: case undefined: case typeof this == "undefined": case $.isEmptyObject(e): return true; default: return false; } } $(document).ready(function () { resizeLeftMenu(); if ($("body").height() < $("html").height()) $("body").height($("html").height()); var docHeight = $(window).height(); var footerHeight = $('#meta-footer').height(); var footerBottom = $('#meta-footer').position().top + footerHeight; if (footerBottom < docHeight) { $('#divFooter').css('margin-top', 20 + (docHeight - footerBottom) + 'px'); } }); //Resize left menu to fill the page function resizeLeftMenu() { var newHeight = ""; if ($("#divFacets").length > 0) { $("#divFacets").css("height", ""); newHeight = $("#divFooter").offset().top - $("#divPage").offset().top - $("#formAdvancedSearch .search").height() - $(".basketHeader").height() + "px"; $("#divFacets").css("height", newHeight); } if ($("#divMyBaskets").length > 0) { $("#divMyBaskets").css("height", ""); $("#basketContentBody").css("height", ""); newHeight = $("#divFooter").offset().top - $("#divPage").offset().top - $("#formAdvancedSearch .search").height() - $(".basketHeader").height() - 3; var oldHeight = $("#divMyBaskets").outerHeight(); if (newHeight > oldHeight) $("#divMyBaskets").css("height", newHeight + "px"); else { $("#divMyBaskets").css("height", $("#basket-list").css("height") + "px"); $("#basketContentBody").css("height", oldHeight + "px"); } } } $(window).resize(function () { resizeLeftMenu(); }); function callPopin(popinId, severity, titleKey, messageKey, actionJS, redirectUrl) { $.ajax({ //url: $("#inputHiddenBaseURL").val() + '/Popin/Display', url: '/Popin/Display', type: "POST", data: { "popinId": popinId, "severity": severity, "titleKey": titleKey, "messageKey": messageKey, "actionJS": actionJS, "redirectUrl": redirectUrl }, success: function (result) { $('#' + popinId).remove(); var popin = "<div id='" + popinId + "' class='reveal-modal medium' data-reveal>"; popin = popin + result; popin = popin + "</div>"; $("body").append(popin); $('#' + popinId).foundation('reveal', 'open'); }, error: function (result) { alert(result.responseText); } }); } </script> <script> </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "//matomo.ext.icrc.org/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '23']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script>  <script type="text/javascript" src="//app.icrc.org/api/js/header/?language=en"> </script> <script type="text/javascript"> $(document).ready(function () { if (typeof icrc != "undefined") { var headerOptions = { type: icrc.Header.TYPE_OVER }; headerIcrc = new icrc.Header(headerOptions); } }); </script> <section id="cookie-alert"> <div class="row"> <div class="medium-8 large-10 columns" id="cookie-alert-message"> By entering this website you agree that we use cookies in order to understand visitor preferences and keep improving our service. <br /> <a href="https://www.icrc.org/en/privacy-policy">Learn more</a> </div> <div class="small-10 medium-3 large-2 columns"> <button type="button" class="close-btn btn btn-block" id="cookie-alert-accept"> I accept </button> </div> </div> </section>  </body> </html>

CINXE.COM

Contact - ICRC Audiovisual archives