#map { height: 100%; }
html, body { height: 100%; margin: 0; padding: 0; color: #FFFFFF; overflow: hidden; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; outline: 0; }
*, *:focus, *:active, *:hover { outline: 0; }
[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; border-radius: 0; }
::-webkit-input-placeholder { color: #FFFFFF; }
::-moz-placeholder { color: #FFFFFF; }
:-ms-input-placeholder { color: #FFFFFF; }
:-moz-placeholder { color: #FFFFFF; }
#bgSound { display: none; }
input { outline: none; }
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
button{z-index: -1 !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc, .gmnoprint div { display:none; }
.gmnoprint div { background:none !important; }
/* ############################################################################################# */
/* ## d888b db db d888888b #################################################### */
/* ## 88' Y8b 88 88 `88' #################################################### */
/* ## 88 88 88 88 #################################################### */
/* ## 88 ooo 88 88 88 #################################################### */
/* ## 88. ~8~ 88b d88 .88. #################################################### */
/* ## Y888P ~Y8888P' Y888888P #################################################### */
/* ############################################################################################# */
#mainGUI { /*position: absolute; top: 0; left: 0; right: 0; bottom: 0;*/ overflow: hidden; z-index: 150000; }
#mainGUI .wrapGUI { /*position: relative; width: 100%; height: 100%;*/ }
/* ## TITRE 'AUSCHWITZ COMPLEX' ################################################################ */
#mainGUI .wrapGUI .mainTitle { position: absolute; right: -100%; top: 10px; left: auto; bottom: auto; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#mainGUI.online .wrapGUI .mainTitle { position: absolute; right: 25px; }
#mainGUI.online.popListe .wrapGUI .mainTitle { display: none; }
#mainGUI .wrapGUI .mainTitle h2 { font-family: 'TradeGothicLT-BoldCondTwenty'; font-size: 17px; margin: 0; opacity: .5; }
/* ## BARRE DE LA LÉGENDE ###################################################################### */
#mainGUI .wrapGUI .mainLegend { position: absolute; top: 0; left: -100%; right: 0; }
#mainGUI.online .wrapGUI .mainLegend { left: 0; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#mainGUI .wrapGUI .mainLegend a.callLegend { display: block; width: 43px; height: 39px; padding: 5px; background: #000000; opacity: 1; -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; }
#mainGUI .wrapGUI .mainLegend a.callLegend img { display: block; width: auto; height: 100%; max-height: 48px; margin: 0 auto; }
#mainGUI .wrapGUI .mainLegend a.backLegend { position: absolute; top: 0; left: -100%; display: block; height: 32px; font-family: 'DINAlternate-Bold'; font-size: 14px; line-height: 32px; color: inherit; text-transform: uppercase; padding: 0px 20px; -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; background: #000000; }
#mainGUI .wrapGUI .mainLegend .listLegend { position: absolute; top: 32px; left: -100%; right: 100%; -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; background: #000000; }
#mainGUI .wrapGUI .mainLegend.open .backLegend { left: 0; }
#mainGUI .wrapGUI .mainLegend.open .listLegend { left: 0; right: 20%; }
#mainGUI .wrapGUI .mainLegend.open .callLegend { opacity: 0; }
#mainGUI .wrapGUI .mainLegend .listLegend ul { font-size: 0; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend { display: inline-block; width: 100%; vertical-align: top; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a { display: block; color: inherit; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure { font-size: 0; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure img { display: inline-block; width: 100%; height: auto; max-width: 24px; margin: 0 5px; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure figcaption { display: inline-block; font-family: 'SpaceMono-regular'; font-size: 12px; vertical-align: middle; text-transform: uppercase; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li span { display: inline-block; background: #000000; }
/* ## BARRE DE NAVIGATION PRINCIPALE ########################################################### */
#mainGUI .wrapGUI .mainNav { position: absolute; bottom: -100%; left: 0; right: 0; height: 32px; background: #000000; }
#mainGUI.online .wrapGUI .mainNav { bottom: 0; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
#mainGUI .wrapGUI .mainNav nav ul { width: 100%; font-size: 0; }
/*#mainGUI .wrapGUI .mainNav nav ul li { display: inline-block; width: 12.5%; vertical-align: top; }*/
#mainGUI .wrapGUI .mainNav nav ul li { display: inline-block; width: 11%; vertical-align: top; }
#mainGUI .wrapGUI .mainNav nav ul li.inlineSearch { float: left; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li:first-child { display: none; width: 40px; height: 40px; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li img { display: block; width: 100%; height: auto; max-width: 32px; margin: 4px auto; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li input { font-family: 'DINAlternate-Bold'; font-size: 14px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.1rem; padding: 3px 5px; border: none; border-bottom: 2px solid #FFFFFF; background: none; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li input[type="search"] { position: absolute; left: 5px; bottom: 35px; display: none; }
#mainGUI .wrapGUI .mainNav nav ul li form.search ul li input[type="search"] { display: block; }
#mainGUI .wrapGUI .mainNav nav ul li a.stillIcons img { display: block; width: 100%; height: auto; max-width: 32px; margin: 0 auto; }
#mainGUI .wrapGUI .mainNav nav ul li a.muteSounds img:nth-child(1),
#mainGUI .wrapGUI .mainNav nav ul li a.muteSounds.muted img:nth-child(2) { display: block; }
#mainGUI .wrapGUI .mainNav nav ul li a.muteSounds img:nth-child(2),
#mainGUI .wrapGUI .mainNav nav ul li a.muteSounds.muted img:nth-child(1) { display: none; }
#mainGUI .wrapGUI .mainNav nav ul li a figure img { display: block; width: 100%; height: auto; max-width: 32px; margin: 0 auto; }
#mainGUI .wrapGUI .mainNav nav ul li a figure figcaption { display: none; font-family: 'DINAlternate-Bold'; font-size: 14px; line-height: 40px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.1rem; }
/* ############################################################################################# */
/* ## .88b d88. .d88b. d8888b. db db db d88888b .d8888. ############### */
/* ## 88'YbdP`88 .8P Y8. 88 `8D 88 88 88 88' 88' YP ############### */
/* ## 88 88 88 88 88 88 88 88 88 88 88ooooo `8bo. ############### */
/* ## 88 88 88 88 88 88 88 88 88 88 88~~~~~ `Y8b. ############### */
/* ## 88 88 88 `8b d8' 88 .8D 88b d88 88booo. 88. db 8D ############### */
/* ## YP YP YP `Y88P' Y8888D' ~Y8888P' Y88888P Y88888P `8888Y' ############### */
/* ############################################################################################# */
#popModules { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -1; }
#popModules .wrapModules { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popModules .wrapModules .backModules { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; }
#popModules .wrapModules .backModules a img { display: block; width: 100%; height: auto; }
#popModules .wrapModules .content { position: relative; top: 40%; left: 50%; padding: 5px; height: 80%; max-width: 1430px; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popModules .wrapModules .content h3 { font-family: 'DINAlternate-Bold'; font-size: 14px; text-transform: uppercase; text-align: center; margin-bottom: 20px; }
#popModules.pics .wrapModules .content .switchViews ul li a.modList img, #popModules.list .wrapModules .content .switchViews ul li a.modPics img { opacity: .2; }
#popModules .wrapModules .content .listModules * { -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#popModules .wrapModules .content .listModules div { font-size: 0; }
#popModules .wrapModules .content .listModules div article { position: relative; vertical-align: top; }
#popModules .wrapModules .content .listModules div article .visuel { }
#popModules .wrapModules .content .listModules div article .visuel { position: relative; }
#popModules .wrapModules .content .listModules div article .visuel .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,.8); }
#popModules .wrapModules .content .listModules div article .visuel .wrapVisuel { position: absolute; width: 100%; height: 100%; overflow: hidden; }
#popModules .wrapModules .content .listModules div article .visuel .wrapVisuel img { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popModules .wrapModules .content .listModules div article .visuel img.blanker11 { }
#popModules .wrapModules .content .listModules div article .visuel img.blanker63 { }
#popModules .wrapModules .content .listModules div article .titre { }
#popModules .wrapModules .content .listModules div article .titre .listThemes { font-family: 'SpaceMono-Regular'; font-size: 12px; text-transform: uppercase; text-align: left; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul { margin: 0; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul li { padding: 0; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul li img { width: 100%; max-width: 24px; height: auto; }
#popModules .wrapModules .content .listModules div article a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#popModules.pics .wrapModules .content .listModules div { text-align: center; }
#popModules.pics .wrapModules .content .listModules div article { display: inline-block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 15px; }
#popModules.pics .wrapModules .content .listModules div article .visuel { width: 100%; height: auto; }
#popModules .wrapModules .content .listModules div article .visuel .wrapVisuel img { width: 100%; height: auto; }
#popModules.pics .wrapModules .content .listModules div article .visuel .blanker_63 { display: block; width: 100%; height: auto; }
#popModules.pics .wrapModules .content .listModules div article .titre .listThemes ul li img { max-width: 32px; }
#popModules.list .wrapModules .content .listModules div { text-align: left; }
#popModules.list .wrapModules .content .listModules div article { display: block; max-width: 100%; padding: 0 5px; margin-bottom: 12px; }
#popModules.list .wrapModules .content .listModules div article .visuel { width: 20%; height: 48px; }
#popModules.list .wrapModules .content .listModules div article .visuel { display: inline-block; width: 48px; height: 48px; }
#popModules.list .wrapModules .content .listModules div article .visuel .wrapVisuel img { width: auto; height: 100%; }
#popModules.list .wrapModules .content .listModules div article .titre { display: inline-block; width: 80%; vertical-align: top; }
#popModules.list .wrapModules .content .listModules div article .titre .listThemes ul { display: inline-block; }
#popModules.list .wrapModules .content .listModules div article .titre .listThemes span { display: inline-block; padding: 0 0 0 10px; }
/* ############################################################################################# */
/* ## d8888b. db .d8b. db db db d888888b .d8888. d888888b ############### */
/* ## 88 `8D 88 d8' `8b `8b d8' 88 `88' 88' YP `~~88~~' ############### */
/* ## 88oodD' 88 88ooo88 `8bd8' 88 88 `8bo. 88 ############### */
/* ## 88~~~ 88 88~~~88 88 88 88 `Y8b. 88 ############### */
/* ## 88 88booo. 88 88 88 88booo. .88. db 8D 88 ############### */
/* ## 88 Y88888P YP YP YP Y88888P Y888888P `8888Y' YP ############### */
/* ############################################################################################# */
#popPlaylist { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -1; }
#popPlaylist .wrapPlaylist { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popPlaylist .wrapPlaylist .backPlaylist { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; }
#popPlaylist .wrapPlaylist .backPlaylist a img { display: block; width: 100%; height: auto; }
#popPlaylist .wrapPlaylist .content { position: relative; top: 50%; left: 50%; padding: 5px; height: 80%; max-width: 1430px; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popPlaylist .wrapPlaylist .content .switchList ul li { width: 100%; text-align: right; }
#popPlaylist .wrapPlaylist .content .switchList ul li:first-child { text-align: left; }
#popPlaylist .wrapPlaylist .content .switchList ul li a { font-family: 'DINAlternate-Bold'; font-size: 16px; color: #F8F9F9; text-transform: uppercase; opacity: .1; }
#popPlaylist .wrapPlaylist .content .switchList ul li a.active { opacity: 1; }
#popPlaylist .wrapPlaylist .content #listThemes { height: 80%; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .titre { font-family: 'DINAlternate-Bold'; font-size: 12px; color: #F8F9F9; text-transform: uppercase; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li { padding: 0; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li a img { width: 100%; max-width: 16px; height: auto; opacity: .3; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li a.active img { opacity: 1; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes { margin-bottom: 15px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme { text-align: center; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure img { width: 100%; max-width: 32px; height: auto; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure figcaption { font-family: 'DINAlternate-Bold'; font-size: 14px; color: #F8F9F9; text-transform: uppercase; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules { height: 90%; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article { position: relative; display: inline-block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 15px; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel { position: relative; width: 100%; height: auto; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .wrapVisuel { position: absolute; width: 100%; height: 100%; overflow: hidden; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .wrapVisuel img { width: 100%; height: auto; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel img.blanker_63 { display: block; width: 100%; height: auto; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,.8); }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes span { font-family: 'DINAlternate-Bold'; font-size: 14px; color: #F8F9F9; text-transform: uppercase; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes p { font-family: 'SpaceMono-Regular'; font-size: 12px; color: #E6E6E5; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes { display: none; }
/* ############################################################################################# */
/* ## d8888b. db .d8b. db db d88888b d8888b. ############################ */
/* ## 88 `8D 88 d8' `8b `8b d8' 88' 88 `8D ############################ */
/* ## 88oodD' 88 88ooo88 `8bd8' 88ooooo 88oobY' ############################ */
/* ## 88~~~ 88 88~~~88 88 88~~~~~ 88`8b ############################ */
/* ## 88 88booo. 88 88 88 88. 88 `88. ############################ */
/* ## 88 Y88888P YP YP YP Y88888P 88 YD ############################ */
/* ############################################################################################# */
#popPlayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,.8); z-index: 2000; }
#popPlayer .wrapPlayer { position: relative; width: 100%; height: 100%; padding: 0 10px; }
#popPlayer .wrapPlayer .backPlayer { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; }
#popPlayer .wrapPlayer .backPlayer a img { display: block; width: 100%; height: auto; }
#popPlayer .wrapPlayer .content { position: relative; top: 50%; left: 50%; padding: 5px; height: 80%; max-width: 1430px; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer { height: 100%; font-size: 0; }
#popPlayer .wrapPlayer .content #fullPlayer p { font-family: 'SpaceMono-Regular'; color: #E6E6E5; }
#popPlayer .wrapPlayer .content #fullPlayer span.titre { font-family: 'DINAlternate-Bold'; color: #FFFFFF; text-transform: uppercase; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt li,
#popPlayer .wrapPlayer .content #fullPlayer .navTblt li,
#popPlayer .wrapPlayer .content #fullPlayer .navLand li,
#popPlayer .wrapPlayer .content #fullPlayer .navPort li { font-family: 'DINAlternate-Bold'; color: #F8F9F9; text-transform: uppercase; }
/*
#popPlayer .wrapPlayer .content #fullPlayer .navPort li:before,
#popPlayer .wrapPlayer .content #fullPlayer .navLand li:before,
#popPlayer .wrapPlayer .content #fullPlayer .navTblt li:before { content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; background-image: url(../img/template/arrow-players.png); background-repeat: no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .navPort li:first-child:before,
#popPlayer .wrapPlayer .content #fullPlayer .navLand li:first-child:before,
#popPlayer .wrapPlayer .content #fullPlayer .navTblt li:first-child:before { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background-image: url(../img/template/arrow-players.png); background-repeat: no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
*/
#popPlayer .wrapPlayer .content #fullPlayer .navDskt { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .contextLand { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .contextTblt { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .contextPort p { font-size: 12px; }
#popPlayer .wrapPlayer .content #fullPlayer .contextPort span.titre { font-size: 12px; }
/*#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li { position: relative; width: 100%; font-size: 12px; text-align: right; padding: 0 20px; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:before { background-position: -48px 50%; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:first-child { text-align: left; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:first-child:before { background-position: 0px 50%; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li a { font-family: inherit; font-size: inherit; color: inherit; }*/
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li {
position: relative; width: 100%; font-size: 12px; text-align: right; padding: 10px 20px 0 20px;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li a {
position: absolute;
width: 27.5%;
height: 16px;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li a.prev {
right: 27.5%;
background: url(../img/template/arrow-prev-mob.png) no-repeat center left;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li a.next {
right: 0;
background: url(../img/template/arrow-next-mob.png) no-repeat center right;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:first-child {
text-align: left;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:first-child a.prev {
left: 0;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextPort .navPort li:first-child a.next {
left: 27.5%;
}
/* ############################################################################################# */
/* ## d8888b. d88888b .o88b. db db d88888b d8888b. .o88b. db db d88888b #### */
/* ## 88 `8D 88' d8P Y8 88 88 88' 88 `8D d8P Y8 88 88 88' #### */
/* ## 88oobY' 88ooooo 8P 88ooo88 88ooooo 88oobY' 8P 88ooo88 88ooooo #### */
/* ## 88`8b 88~~~~~ 8b 88~~~88 88~~~~~ 88`8b 8b 88~~~88 88~~~~~ #### */
/* ## 88 `88. 88. Y8b d8 88 88 88. 88 `88. Y8b d8 88 88 88. #### */
/* ## 88 YD Y88888P `Y88P' YP YP Y88888P 88 YD `Y88P' YP YP Y88888P #### */
/* ############################################################################################# */
#popSearch { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*display: none;*/ z-index: -1; }
#popSearch .wrapSearch { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popSearch .wrapSearch .backSearch { position: absolute; top: 15px; right: 15px; display: none; width: 32px; height: 32px; }
#popSearch .wrapSearch .backSearch a img { display: block; width: 100%; height: auto; }
#popSearch .wrapSearch .content { position: relative; top: 50%; left: 50%; padding: 5px; max-height: 80%; background: #000000; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popSearch .wrapSearch .content .closeSearch { display: block; width: 16px; height: 16px; }
#popSearch .wrapSearch .content .closeSearch img { display: block; width: 100%; height: auto; }
#popSearch .wrapSearch .content .nbResults { display: block; font-family: 'DINAlternate-Bold'; font-size: 16px; text-transform: uppercase; padding: 10px 15px 0 15px; }
#popSearch .wrapSearch .content .listResults { height: 100%; max-height: 225px; padding: 0 15px; overflow: hidden; overflow-y: scroll; }
#popSearch .wrapSearch .content .listResults article a ul { font-size: 0; }
#popSearch .wrapSearch .content .listResults article a ul li { display: inline-block; width: 82%; vertical-align: top; padding: 0; }
#popSearch .wrapSearch .content .listResults article a ul li:first-child { width: 18%; }
#popSearch .wrapSearch .content .listResults article a ul li img { display: block; width: 100%; height: auto; max-width: 32px; float: none; }
#popSearch .wrapSearch .content .listResults article a ul li span { position: relative; display: block; font-family: 'SpaceMono-Regular'; font-size: 12px; color: #E6E6E5; padding-top: 8px; }
#popSearch .wrapSearch .content .listResults article a ul li span:before { content: ''; position: absolute; top: 11px; left: -15px; width: 12px; height: 12px; background: url(../img/template/arrow-search.png) no-repeat center; }
/* ############################################################################################# */
/* ## .o88b. d8888b. d88888b d8888b. d888888b d888888b ############################ */
/* ## d8P Y8 88 `8D 88' 88 `8D `88' `~~88~~' ############################ */
/* ## 8P 88oobY' 88ooooo 88 88 88 88 ############################ */
/* ## 8b 88`8b 88~~~~~ 88 88 88 88 ############################ */
/* ## Y8b d8 88 `88. 88. 88 .8D .88. 88 ############################ */
/* ## `Y88P' 88 YD Y88888P Y8888D' Y888888P YP ############################ */
/* ############################################################################################# */
#popCredits { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -1; }
#popCredits .wrapCredits { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popCredits .wrapCredits .backCredits { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; }
#popCredits .wrapCredits .backCredits a img { display: block; width: 100%; height: auto; }
#popCredits .wrapCredits .content { position: relative; top: 50%; left: 50%; padding: 5px; height: 345px; max-height: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popCredits .wrapCredits .content .listCredits { height: 100%; max-height: 345px; padding: 0 5px; overflow: hidden; /*overflow-y: scroll;*/ }
#popCredits .wrapCredits .content .listCredits h3 { font-family: 'TradeGothicLT-BoldCondTwenty'; font-size: 24px; text-align: center; }
#popCredits .wrapCredits .content .listCredits h4 { font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: center; text-transform: uppercase; }
#popCredits .wrapCredits .content .listCredits p { font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: center; }
#popCredits .wrapCredits .content .listCredits p span { display: block; font-family: inherit; font-size: inherit; color: #A4A4A4; margin-top: 25px; }
#popCredits .wrapCredits .content .listCredits img { display: block; margin: 0 auto; }
#popCredits .wrapCredits .content .listCredits .legales { margin-top: 50px; }
/* ############################################################################################# */
/* ## d8888b. d888888b d8888b. db d888888b .d88b. ############################ */
/* ## 88 `8D `88' 88 `8D 88 `88' .8P Y8. ############################ */
/* ## 88oooY' 88 88oooY' 88 88 88 88 ############################ */
/* ## 88~~~b. 88 88~~~b. 88 88 88 88 ############################ */
/* ## 88 8D .88. 88 8D 88booo. .88. `8b d8' ############################ */
/* ## Y8888P' Y888888P Y8888P' Y88888P Y888888P `Y88P' ############################ */
/* ############################################################################################# */
#popBiblios { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -1; }
#popBiblios .wrapBiblios { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popBiblios .wrapBiblios .backBiblios { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; }
#popBiblios .wrapBiblios .backBiblios a img { display: block; width: 100%; height: auto; }
#popBiblios .wrapBiblios .content { position: relative; top: 50%; left: 50%; padding: 5px; height: 345px; max-height: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popBiblios .wrapBiblios .content .listBiblios { height: 100%; max-height: 345px; font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: center; padding: 0 5px; overflow: hidden; /*overflow-y: scroll;*/ }
#popBiblios .wrapBiblios .content .listBiblios h3 { font-family: 'TradeGothicLT-BoldCondTwenty'; font-size: 24px; text-align: center; }
#popBiblios .wrapBiblios .content .listBiblios h4 { font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: center; text-transform: uppercase; }
/*#popBiblio .wrapBiblio .content .listBiblio p { font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: center; }*/
/*#popBiblio .wrapBiblio .content .listBiblio p span { display: block; font-family: inherit; font-size: inherit; color: #A4A4A4; margin-top: 25px; }*/
#popBiblios .wrapBiblios .content .listBiblios span.livre { font-family: inherit; font-size: inherit; font-weight: bold; font-style: italic; color: #A4A4A4; margin-top: 25px; }
#popBiblios .wrapBiblios .content .listBiblios em { font-family: inherit; font-size: inherit; font-style: italic; color: #A4A4A4; margin-top: 25px; }
/*#popBiblio .wrapBiblio .content .listBiblio img { display: block; margin: 0 auto; }*/
/*#popBiblio .wrapBiblio .content .listBiblio .legales { margin-top: 50px; }*/
/* ############################################################################################# */
/* ## .o88b. .d88b. d8b db d888888b .d8b. .o88b. d888888b ################ */
/* ## d8P Y8 .8P Y8. 888o 88 `~~88~~' d8' `8b d8P Y8 `~~88~~' ################ */
/* ## 8P 88 88 88V8o 88 88 88ooo88 8P 88 ################ */
/* ## 8b 88 88 88 V8o88 88 88~~~88 8b 88 ################ */
/* ## Y8b d8 `8b d8' 88 V888 88 88 88 Y8b d8 88 ################ */
/* ## `Y88P' `Y88P' VP V8P YP YP YP `Y88P' YP ################ */
/* ############################################################################################# */
#popContact { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,.8); }
#popContact .wrapContact { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popContact .wrapContact .backContact { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; }
#popContact .wrapContact .backContact a img { display: block; width: 100%; height: auto; }
#popContact .wrapContact .content { position: relative; top: 50%; left: 50%; padding: 5px; max-height: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popContact .wrapContact .content h3 { font-family: 'DINAlternate-Bold'; font-size: 16px; text-transform: uppercase; text-align: center; margin-bottom: 50px; }
#popContact .wrapContact .content form { font-size: 0; }
#popContact .wrapContact .content form fieldset { display: inline-block; width: 100%; vertical-align: top; }
#popContact .wrapContact .content form fieldset ul li { padding-bottom: 15px; clear: both; }
#popContact .wrapContact .content form fieldset ul li label { min-width: 50px; font-family: 'SpaceMono-Regular'; font-size: 12px; font-weight: 100; margin: 0; vertical-align: bottom; }
#popContact .wrapContact .content form fieldset.inputs ul li label { display: inline-block; }
#popContact .wrapContact .content form fieldset.txtmsg ul li label { display: block; }
#popContact .wrapContact .content form fieldset ul li input { display: inline; width: 60%; font-family: 'SpaceMono-Regular'; font-size: 12px; border: none; border-bottom: 1px solid #7A7979; background: none; outline: none; }
#popContact .wrapContact .content form fieldset ul li input[type="submit"] { width: auto; float: right; border: none; background: none; }
#popContact .wrapContact .content form fieldset ul li textarea { width: 100%; height: 120px; font-family: 'SpaceMono-Regular'; font-size: 12px; line-height: 3.25rem; border: none; background: url(../img/template/lines-message.png) 0px 26px transparent; background-attachment: local; outline: none; }
#popContact .wrapContact .content form fieldset ul li span.error { display: none; font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: right; }
#popContact .wrapContact .content form fieldset ul li span.success { display: none; font-family: 'SpaceMono-Regular'; font-size: 12px; text-align: right; }
/* ############################################################################################# */
/* ## d888888b d8b db d88888b .d88b. .d8888. ################################ */
/* ## `88' 888o 88 88' .8P Y8. 88' YP ################################ */
/* ## 88 88V8o 88 88ooo 88 88 `8bo. ################################ */
/* ## 88 88 V8o88 88~~~ 88 88 `Y8b. ################################ */
/* ## .88. 88 V888 88 `8b d8' db 8D ################################ */
/* ## Y888888P VP V8P YP `Y88P' `8888Y' ################################ */
/* ############################################################################################# */
.popInfosDsk { display: none !important; }
#popInfosMob { position: absolute; top: 10%; left: 5%; right: 5%; bottom: 10%; background: rgba(0,0,0,.8); z-index: -1; }
#popInfosMob .wrapInfos { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popInfosMob .wrapInfos .backInfos { position: absolute; top: -10px; left: 10px; width: 16px; height: 16px; }
#popInfosMob.plst .wrapInfos .backInfos { position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; }
#popInfosMob .wrapInfos .backInfos a img { display: block; width: 100%; height: auto; }
#popInfosMob .wrapInfos .content { height: 100%; }
#popInfosMob .wrapInfos .content h3 { position: relative; font-family: 'DINAlternate-Bold'; font-size: 12px; color: #FFFFFF; text-transform: uppercase; padding-top: 25px; }
#popInfosMob .wrapInfos .content h3 span { position: relative; display: inline-block; max-width: 80%; color: inherit; }
#popInfosMob .wrapInfos .content h3 span:after { content: ''; position: absolute; right: -34px; top: 50%; width: 24px; height: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/template/ico-play.png) no-repeat center; }
#popInfosMob .wrapInfos .content h3 a { position: absolute; top: 10px; left: 0; right: -10px; bottom: 0; }
#popInfosMob .wrapInfos .content .textInfos .nano-content p { font-family: 'SpaceMono-Regular'; font-size: 12px; color: #6B6B6A; }
#popInfosMob.plst .wrapInfos .content .mainTheme { position: fixed; top: 5px; right: 5px; }
#popInfosMob.plst .wrapInfos .content .mainTheme figure { font-size: 0; }
#popInfosMob.plst .wrapInfos .content .mainTheme figure img { display: inline-block; width: 24px; height: 24px; vertical-align: bottom; }
#popInfosMob.plst .wrapInfos .content .mainTheme figure figcaption { display: inline-block; font-family: 'DINAlternate-Bold'; font-size: 12px; color: #FFFFFF; text-transform: uppercase; vertical-align: bottom; padding: 0 5px; }
#popInfosMob.plst .wrapInfos .content .listInfos .nano-content h3 { font-family: 'SpaceMono-Regular'; font-size: 12px; color: #FFFFFF; padding-top: 0; }
#popInfosMob.plst .wrapInfos .content .listInfos .nano-content ul li { position: relative; font-family: 'SpaceMono-Regular'; font-size: 12px; color: #737372; margin: 8px 0; }
#popInfosMob.plst .wrapInfos .content .listInfos .nano-content ul li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/* ############################################################################################# */
/* ## .d8b. .o88b. .o88b. db db d88888b d888888b db #################### */
/* ## d8' `8b d8P Y8 d8P Y8 88 88 88' `88' 88 #################### */
/* ## 88ooo88 8P 8P 88 88 88ooooo 88 88 #################### */
/* ## 88~~~88 8b 8b 88 88 88~~~~~ 88 88 #################### */
/* ## 88 88 Y8b d8 Y8b d8 88b d88 88. .88. 88booo. #################### */
/* ## YP YP `Y88P' `Y88P' ~Y8888P' Y88888P Y888888P Y88888P #################### */
/* ############################################################################################# */
#mainAccueil { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); overflow: hidden; /*** display: none; /***/ }
#mainAccueil .wrapAccueil { position: relative; width: 100%; height: 100%; }
#mainAccueil .wrapAccueil .content { position: absolute; top: 50%; left: 50%; width: 100%; font-family: 'SpaceMono-Regular'; font-size: 14px; text-align: center; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#mainAccueil .wrapAccueil .content h1 { font-family: 'TradeGothicLT-BoldCondTwenty'; font-size: 27px; margin-top: 16px; margin-bottom: 0px; }
#mainAccueil .wrapAccueil .content figure { width: 100%; margin-top: 15px; }
#mainAccueil .wrapAccueil .content figure img.mw { display: block; margin: 0 auto; }
#mainAccueil .enter { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; }
/**/
.gm-style-iw { width: 300px !important; top: 9px !important; left: 4px !important; padding: 10px 15px 10px 10px; border: none !important; background: rgba(0,0,0,.8) !important; }
.gm-style-iw-d { overflow: hidden !important; padding: 0 10px 10px 0 !important; }
.gm-style-iw-t::before, .gm-style-iw-t::after { display: none !important; }
.gm-style-iw h2 { position: relative; font-family: 'DINAlternate-Bold'; font-size: 20px; color: #FFFFFF; text-transform: uppercase; margin: 0; padding: 0 24px 0 10px; }
.gm-style-iw h2 span.time { position: relative; display: inline-block; padding: 0 0 0 10px; }
.gm-style-iw h2 span.time:after { content: ''; position: absolute; right: -34px; top: 50%; width: 24px; height: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/template/ico-play.png) no-repeat center; }
.gm-style-iw h2 a.callVideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.gm-style-iw p { font-family: 'SpaceMono-Regular'; font-size: 16px; /*from 14px*/ font-weight: 900; /*from none*/ color: #E5E5E5; /*from CCCCCC*/ padding: 10px 0 0 0; }
/*.gm-style-iw p { font-family: 'SpaceMono-Regular'; font-size: 12px; color: #6B6B6A; padding: 10px 0 0 0; }*/
/**/
/* SMARTPHONE LANDSCAPE */
@media (min-width: 568px) {
/* ############################################################################################# */
/* ## INTERFACE UTILISATEUR -- 568 LANDSCAPE ################################################### */
/* ############################################################################################# */
/* ## TITRE 'AUSCHWITZ COMPLEX' ################################################################ */
#mainGUI.online .wrapGUI .mainTitle { right: 10px; }
/* ## BARRE DE LA LÉGENDE ###################################################################### */
#mainGUI .wrapGUI .mainLegend.open .listLegend { right: 0; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend { width: 33.3333%; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure figcaption { font-size: 10px; }
/* ## BARRE DE NAVIGATION PRINCIPALE ########################################################### */
#mainGUI .wrapGUI .mainNav { height: 40px; }
#mainGUI .wrapGUI .mainNav nav ul li { width: auto; }
#mainGUI .wrapGUI .mainNav nav ul li:nth-child(n+8) { width: 6%; }
#mainGUI .wrapGUI .mainNav nav ul li.inlineSearch { display: inline-block; float: none; width: 12.5%; padding: 0; }
#mainGUI .wrapGUI .mainNav nav ul li form { display: block; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li.list-cell:first-child { display: inline-block; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li.list-cell:last-child { width: 40%; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li input { width: 100%; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li input[type="search"] { position: static; display: block; }
#mainGUI .wrapGUI .mainNav nav ul li a.stillIcons { display: block; width: 40px; height: 40px; }
#mainGUI .wrapGUI .mainNav nav ul li a.stillIcons img { margin: 4px auto; }
#mainGUI .wrapGUI .mainNav nav ul li a figure { margin: 0 5px; }
#mainGUI .wrapGUI .mainNav nav ul li a figure img { display: none; }
#mainGUI .wrapGUI .mainNav nav ul li a figure figcaption { display: block; }
/* ############################################################################################# */
/* ## MODULES -- 568 LANDSCAPE ################################################################# */
/* ############################################################################################# */
#popModules.pics .wrapModules .content .listModules div article { display: inline-block; width: 50%; padding: 5px; }
/* ############################################################################################# */
/* ## PLAYLIST -- 568 LANDSCAPE ################################################################ */
/* ############################################################################################# */
#popPlaylist .wrapPlaylist .content .switchList ul {max-width: 300px;margin: 0 auto;}
#popPlaylist .wrapPlaylist .content #listThemes {font-size: 0;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes {display: inline-block;width: 30%;vertical-align: top;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li a img {max-width: 26px;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li:nth-child(n+7) a img {max-width: 22px;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme {text-align: left;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure {font-size: 0;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure img {display: inline-block;vertical-align: middle;}
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure figcaption {display: inline-block;font-size: 12px;vertical-align: middle;}
#popPlaylist .wrapPlaylist .content #listThemes .listModules {display: inline-block;width: 70%;vertical-align: top;}
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article {font-size: 0;}
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel {display: inline-block;width: 50%;vertical-align: top;}
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre {display: inline-block;width: 50%;vertical-align: top;padding: 0 5px;}
/* ############################################################################################# */
/* ## PLAYER -- 568 LANDSCAPE ################################################################## */
/* ############################################################################################# */
#popPlayer .wrapPlayer .content #fullPlayer .contextLand { display: inline-block; width: 40%; padding: 0 10px 0 0; vertical-align: top; }
#popPlayer .wrapPlayer .content #fullPlayer .contextLand p { font-size: 12px; }
#popPlayer .wrapPlayer .content #fullPlayer .contextLand span.titre { font-size: 12px; }
/*#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li { position: relative; width: 100%; font-size: 12px; text-align: right; padding: 0 20px; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:before { background-position: -48px 50%; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child { text-align: left; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child:before { background-position: 0px 50%; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li a { font-family: inherit; font-size: inherit; color: inherit; }*/
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li {
position: relative; width: 100%; font-size: 12px; text-align: right; padding: 10px 20px 0 20px;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li a {
position: absolute;
width: 40%;
height: 16px;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li a.prev {
right: 40%;
background: url(../img/template/arrow-prev-mob.png) no-repeat center left;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li a.next {
right: 0;
background: url(../img/template/arrow-next-mob.png) no-repeat center right;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child {
text-align: left;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child a.prev {
left: 0;
}
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child a.next {
left: 40%;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo { display: inline-block; width: 60%; vertical-align: top; }
#popPlayer .wrapPlayer .content #fullPlayer .contextPort { display: none; }
/* ############################################################################################# */
/* ## RESULTATS DE RECHERCHE -- 568 LANDSCAPE ################################################## */
/* ############################################################################################# */
#popSearch .wrapSearch .content .listResults { max-height: 50px; }
/* ############################################################################################# */
/* ## CRÉDITS -- 568 LANDSCAPE ################################################################# */
/* ############################################################################################# */
#popCredits .wrapCredits .backCredits { top: 5px; right: 5px; width: 16px; height: 16px; }
#popCredits .wrapCredits .content { height: 175px; }
#popCredits .wrapCredits .content .listCredits { max-height: 175px; }
/* ############################################################################################# */
/* ## CONTACT -- 568 LANDSCAPE ################################################################# */
/* ############################################################################################# */
#popContact .wrapContact .backContact { width: 16px; height: 16px; }
#popContact .wrapContact .backContact a img { display: block; width: 100%; height: auto; }
#popContact .wrapContact .content { position: relative; top: 50%; left: 50%; padding: 5px; max-height: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popContact .wrapContact .content h3 { margin-bottom: 20px; }
#popContact .wrapContact .content form fieldset { width: 50%; }
#popContact .wrapContact .content form fieldset ul li { padding-bottom: 10px; }
#popContact .wrapContact .content form fieldset ul li label { font-size: 14px; }
#popContact .wrapContact .content form fieldset.txtmsg ul li label { display: inline-block; width: 70px; vertical-align: top; }
#popContact .wrapContact .content form fieldset ul li input[type="submit"] { font-size: 14px; }
#popContact .wrapContact .content form fieldset ul li textarea { width: 70%; }
}
/* TABLETS PORTRAIT */
@media (min-width: 768px) {
/* ############################################################################################# */
/* ## INTERFACE UTILISATEUR -- 768 TABLET ###################################################### */
/* ############################################################################################# */
/* ## TITRE 'AUSCHWITZ COMPLEX' ################################################################ */
#mainGUI.open .wrapGUI .mainTitle { right: 25px; top: 30px; }
#mainGUI.online.popListe .wrapGUI .mainTitle { display: block; }
#mainGUI .wrapGUI .mainTitle h2 { font-size: 35px; }
/*#mainGUI .wrapGUI .mapDragger .wrapDragger .point .wrapTitre { display: block; }*/
/* ## BARRE DE LA LÉGENDE ###################################################################### */
#mainGUI .wrapGUI .mainLegend a.callLegend { width: 59px; height: 54px; }
#mainGUI .wrapGUI .mainLegend a.backLegend { height: 46px; font-size: 20px; line-height: 46px; background: rgba(0,0,0,.8); }
#mainGUI .wrapGUI .mainLegend .listLegend { top: 46px; max-width: 350px; background: rgba(0,0,0,.8); }
#mainGUI .wrapGUI .mainLegend.open .listLegend { right: 55%; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend { width: 100%; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure img { max-width: 48px; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure figcaption { font-size: 14px; }
/* ## BARRE DE NAVIGATION PRINCIPALE ########################################################### */
#mainGUI .wrapGUI .mainNav { height: 54px; }
#mainGUI .wrapGUI .mainNav nav ul li.inlineSearch { float: none; }
#mainGUI .wrapGUI .mainNav nav ul li:nth-child(n+8) { width: 4%; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li:first-child { display: inline-block; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li input[type="search"] { position: static; left: auto; bottom: auto; display: block; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li.list-cell:last-child { width: 50px; padding-top: 6px; }
#mainGUI .wrapGUI .mainNav nav ul li form ul li img { margin: 11px auto; }
#mainGUI .wrapGUI .mainNav nav ul li a figure { margin: 0 10px; }
#mainGUI .wrapGUI .mainNav nav ul li a figure figcaption { font-size: 16px; line-height: 54px; }
#mainGUI .wrapGUI .mainNav nav ul li a.stillIcons img { max-width: 65%; margin: 16px auto; }
/* ############################################################################################# */
/* ## MODULES -- 768 TABLET #################################################################### */
/* ############################################################################################# */
#popModules .wrapModules .content h3 { font-size: 30px; }
#popModules .wrapModules .content .listModules { max-width: 600px; margin: 0 auto; }
#popModules .wrapModules .content .listModules div article .titre .listThemes { font-size: 16px; }
#popModules.pics .wrapModules .content .listModules div article { width: 100%; max-width: 450px; padding: 25px; }
/* ############################################################################################# */
/* ## PLAYLIST -- 768 TABLET ################################################################### */
/* ############################################################################################# */
#popPlaylist .wrapPlaylist .content { top: 40%; }
#popPlaylist .wrapPlaylist .content .switchList { padding-bottom: 50px; }
#popPlaylist .wrapPlaylist .content .switchList ul { max-width: 400px; }
#popPlaylist .wrapPlaylist .content .switchList ul li a { font-size: 24px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes { display: block; width: 90%; margin: 0 auto; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .titre { font-size: 20px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li { padding: 0 8px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li a img { max-width: 32px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul li:nth-child(n+7) a img { max-width: 32px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes { margin-top: 30px; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme { text-align: center; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure img { display: block; max-width: 64px; margin: 0 auto; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .curThemes .mainTheme figure figcaption { font-size: 20px; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules { display: block; margin: 0 auto; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel { width: 100%; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre { width: 100%; margin-top: 30px; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes span { font-size: 24px; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes p { font-size: 14px; margin-top: 30px; }
/* ############################################################################################# */
/* ## PLAYER -- 768 TABLET ##################################################################### */
/* ############################################################################################# */
#popPlayer .wrapPlayer .content #fullPlayer .contextLand { width: 100%; display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:before { background-position: -32px 50%; }
#popPlayer .wrapPlayer .content #fullPlayer .contextLand ul.navLand li:first-child:before { background-position: -16px 50%; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo { display: block; width: 100%; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme { display: block; padding: 30px 0; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme figure { text-align: center; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme figure img { display: block; width: 100%; max-width: 64px; height: auto; margin: 0 auto; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme figure figcaption { font-family: 'DINAlternate-Bold'; font-size: 30px; text-transform: uppercase; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt { display: block; margin-top: 20px; }
/*#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li { width: 50%; font-size: 20px; }*/
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .contextTblt { display: block; margin-top: 50px; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .contextTblt p { font-size: 18px; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .contextTblt span.titre { font-size: 20px; padding-bottom: 20px; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li {
position: relative; width: 100%; font-size: 20px; text-align: right; padding: 10px 20px 0 20px;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li a {
position: absolute;
width: 20%;
height: 24px;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li a.prev {
right: 20%;
background: url(../img/template/arrow-prev-mob.png) no-repeat center left;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li a.next {
right: 0;
background: url(../img/template/arrow-next-mob.png) no-repeat center right;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li:first-child {
text-align: left;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li:first-child a.prev {
left: 0;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li:first-child a.next {
left: 20%;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt li:last-child {
float: right;
}
/* ############################################################################################# */
/* ## RESULTATS DE RECHERCHE -- 768 TABLET ##################################################### */
/* ############################################################################################# */
#popSearch .wrapSearch { padding: 0 120px; }
#popSearch .wrapSearch .content .closeSearch { width: 32px; height: 32px; }
#popSearch .wrapSearch .content .nbResults { font-size: 30px; }
#popSearch .wrapSearch .content .listResults { max-height: 550px; }
#popSearch .wrapSearch .content .listResults article a ul li { width: 90%; }
#popSearch .wrapSearch .content .listResults article a ul li:first-child { width: 10%; }
#popSearch .wrapSearch .content .listResults article a ul li span { font-size: 14px; }
/* ############################################################################################# */
/* ## CRÉDITS -- 768 TABLET #################################################################### */
/* ############################################################################################# */
#popCredits .wrapCredits { padding: 0 120px; }
#popCredits .wrapCredits .backCredits { top: 15px; right: 15px; width: 32px; height: 32px; }
#popCredits .wrapCredits .content { height: 720px; }
#popCredits .wrapCredits .content .listCredits { max-height: 720px; }
#popCredits .wrapCredits .content .listCredits h3 { font-size: 30px; }
#popCredits .wrapCredits .content .listCredits h4 { font-size: 16px; }
#popCredits .wrapCredits .content .listCredits p { font-size: 16px; }
/* ############################################################################################# */
/* ## BIBLIOGRAPHIE -- 768 TABLET ############################################################## */
/* ############################################################################################# */
#popBiblios .wrapBiblios .content .listBiblios { font-size: 16px; }
#popBiblios .wrapBiblios .content .listBiblios h3 { font-size: 30px; }
#popBiblios .wrapBiblios .content .listBiblios h4 { font-size: 16px; }
/* ############################################################################################# */
/* ## CONTACT -- 768 TABLET #################################################################### */
/* ############################################################################################# */
#popContact .wrapContact { padding: 0 120px; }
#popContact .wrapContact .backContact { width: 32px; height: 32px; }
#popContact .wrapContact .content h3 { font-size: 30px; margin-bottom: 50px; }
#popContact .wrapContact .content form fieldset { width: 100%; }
#popContact .wrapContact .content form fieldset ul li label { min-width: 130px; font-size: 24px; }
#popContact .wrapContact .content form fieldset.txtmsg ul li label { width: 130px; }
#popContact .wrapContact .content form fieldset ul li input { font-size: 24px; }
#popContact .wrapContact .content form fieldset ul li input[type="submit"] { font-size: 24px; }
#popContact .wrapContact .content form fieldset ul li textarea { height: 240px; font-size: 24px; margin-top: 32px; background: url(../img/template/lines-message.png) 0px 30px transparent; }
/* ############################################################################################# */
/* ## INFOS -- 768 TABLET ###################################################################### */
/* ############################################################################################# */
#popInfosMob { display: none !important; }
/* ############################################################################################# */
/* ## ACCUEIL -- 768 TABLET #################################################################### */
/* ############################################################################################# */
#mainAccueil .wrapAccueil .content { font-size: 16px; }
#mainAccueil .wrapAccueil .content h1 { font-size: 44px; margin-top: 45px; margin-bottom: 20px; }
#mainAccueil .wrapAccueil .content figure { margin-top: 55px; }
}
/* DESKTOP STANDARD */
@media (min-width: 990px) {
/* ############################################################################################# */
/* ## INTERFACE UTILISATEUR -- DESKTOP ######################################################### */
/* ############################################################################################# */
/* ## TITRE 'AUSCHWITZ COMPLEX' ################################################################ */
#mainGUI .wrapGUI .mainTitle { bottom: -100%; }
#mainGUI.online .wrapGUI .mainTitle { top: auto; right: auto; left: 50px; bottom: 30px; }
#mainGUI .wrapGUI .mainTitle h2 { opacity: 1; }
/* ## BARRE DE LA LÉGENDE ###################################################################### */
#mainGUI .wrapGUI .mainLegend a.callLegend { width: 90px; height: 84px; }
#mainGUI .wrapGUI .mainLegend a.callLegend img { margin: 13px auto; }
#mainGUI .wrapGUI .mainLegend .listLegend { max-width: 375px; /*from 250px*/ }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure img { max-width: 36px; }
#mainGUI .wrapGUI .mainLegend .listLegend ul li.colsLegend ul li a figure figcaption { font-size: 14px; /*from 9px*/ font-weight: 900; letter-spacing: 1px; }
/* ## BARRE DE NAVIGATION PRINCIPALE ########################################################### */
#mainGUI.online .wrapGUI .mainNav { left: auto; bottom: 20px; width: 725px; background: none; }
#mainGUI .wrapGUI .mainNav nav ul li a figure { margin: 0 5px; }
#mainGUI .wrapGUI .mainNav nav ul li a.stillIcons { width: 30px; height: 30px; }
/* ############################################################################################# */
/* ## MODULES -- DESKTOP ####################################################################### */
/* ############################################################################################# */
#popModules { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*display: none;*/ background: rgba(0,0,0,.8); }
#popModules .wrapModules { position: relative; width: 100%; height: 100%; padding: 0 20px; }
#popModules .wrapModules .backModules { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; }
#popModules .wrapModules .backModules a img { display: block; width: 100%; height: auto; }
#popModules .wrapModules .content { position: relative; top: 50%; left: 50%; padding: 5px; height: 80%; max-width: 1430px; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popModules .wrapModules .content h3 { font-family: 'DINAlternate-Bold'; font-size: 16px; /*from 14px*/ text-transform: uppercase; text-align: center; margin-bottom: 20px; }
#popModules.pics .wrapModules .content .switchViews ul li a.modList img, #popModules.list .wrapModules .content .switchViews ul li a.modPics img { opacity: .2; }
#popModules .wrapModules .content .listModules { max-width: 100%; }
#popModules .wrapModules .content .listModules div { font-size: 0; }
#popModules .wrapModules .content .listModules div article { position: relative; vertical-align: top; }
#popModules .wrapModules .content .listModules div article .visuel { }
#popModules .wrapModules .content .listModules div article .visuel { position: relative; }
#popModules .wrapModules .content .listModules div article .visuel .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); }
#popModules .wrapModules .content .listModules div article .visuel .wrapVisuel { position: relative; width: 100%; height: 100%; overflow: hidden; }
#popModules .wrapModules .content .listModules div article .visuel .wrapVisuel img { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#popModules .wrapModules .content .listModules div article .visuel img.blanker11 { }
#popModules .wrapModules .content .listModules div article .visuel img.blanker63 { }
#popModules .wrapModules .content .listModules div article .titre { }
#popModules .wrapModules .content .listModules div article .titre .listThemes { font-family: 'SpaceMono-Regular'; font-size: 13px; /*from 12px*/ font-weight: 900; /*from none*/ text-align: left; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul { margin: 0; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul li { padding: 0; }
#popModules .wrapModules .content .listModules div article .titre .listThemes ul li img { width: 100%; height: auto; }
#popModules .wrapModules .content .listModules div article a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#popModules.pics .wrapModules .content .listModules div { text-align: center; }
#popModules.pics .wrapModules .content .listModules div article { display: inline-block; max-width: 280px; padding: 0 42px; margin-bottom: 35px; }
#popModules.pics .wrapModules .content .listModules div article .visuel { width: 196px; height: 98px; }
#popModules.pics .wrapModules .content .listModules div article .titre .listThemes ul li img { max-width: 32px; }
#popModules.list .wrapModules .content .listModules div { text-align: left; }
#popModules.list .wrapModules .content .listModules div article { display: block; max-width: 100%; padding: 0 5px; margin-bottom: 12px; }
#popModules.list .wrapModules .content .listModules div article .visuel { width: 48px; height: 48px; }
#popModules.list .wrapModules .content .listModules div article .visuel { display: inline-block; width: 48px; height: 48px; }
#popModules.list .wrapModules .content .listModules div article .titre { display: inline-block; vertical-align: top; }
#popModules.list .wrapModules .content .listModules div article .titre .listThemes ul { display: inline-block; }
#popModules.list .wrapModules .content .listModules div article .titre .listThemes ul li img { max-width: 48px; }
#popModules.list .wrapModules .content .listModules div article .titre .listThemes span { display: inline-block; }
/* ############################################################################################# */
/* ## PLAYLIST -- DESKTOP ###################################################################### */
/* ############################################################################################# */
#popPlaylist .wrapPlaylist .content { top: 50%; }
#popPlaylist .wrapPlaylist .content .switchList ul { max-width: 100%; font-size: 0; }
#popPlaylist .wrapPlaylist .content .switchList ul li { width: 50%; text-align: left; padding: 0 35px; }
#popPlaylist .wrapPlaylist .content .switchList ul li:first-child { text-align: right; }
#popPlaylist .wrapPlaylist .content .switchList ul li a { font-size: 20px; }
#popPlaylist .wrapPlaylist .content #listThemes { height: 65%; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes .titre { display: none; }
#popPlaylist .wrapPlaylist .content #listThemes .topThemes ul { display: none; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules { width: 100%; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div { font-size: 0; text-align: center; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article { width: 33.3333%; }
/*#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel { display: block; width: 196px; margin: 0 auto; }*/
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel { display: block; width: 100%; margin: 0 auto; }
/*#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .wrapVisuel { max-width: 196px; }*/
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .wrapVisuel { left: 50%; max-width: 90%; margin: 0 auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel .wrapVisuel img { position: absolute; left: 50%; width: auto; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/*#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel img.blanker_11 { display: block; width: 196px; height: auto; }*/
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel img.blanker_11 { display: none; width: 196px; height: auto; }
/*#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .visuel img.blanker_63 { display: none; }*/
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes span { display: block; margin: 0 50px; text-align: left; }
#popPlaylist .wrapPlaylist .content #listThemes .listModules div article .titre .listThemes p { display: none; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes { display: block; margin-top: 50px; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes .titre { font-family: 'DINAlternate-Bold'; font-size: 15px; color: #F8F9F9; text-transform: uppercase; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes ul { margin-top: 15px; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes ul li a img { width: 100%; max-width: 32px; height: auto; opacity: .3; }
#popPlaylist .wrapPlaylist .content #listThemes .botThemes ul li a.active img { opacity: 1; }
/* ############################################################################################# */
/* ## PLAYER -- DESKTOP ######################################################################## */
/* ############################################################################################# */
/*#popPlayer .wrapPlayer .content #fullPlayer .navDskt { position: relative; display: inline-block; width: 25%; height: 100%; text-align: center; vertical-align: middle; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .navDskt a { position: absolute; top: 50%; left: 0; right: 0; font-family: 'DINAlternate-Bold'; font-size: 20px; color: #F8F9F9; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .mainVideo { display: inline-block; width: 50%; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt { display: none; }*/
/*#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme { padding: 50px 0; }*/
#popPlayer .wrapPlayer .content #fullPlayer .navDskt { position: relative; display: inline-block; width: 25%; height: 100%; text-align: center; vertical-align: middle; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt span { position: absolute; top: 50%; left: 0; right: 0; font-family: 'DINAlternate-Bold'; font-size: 20px; color: #F8F9F9; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prev { position: absolute; top: 50%; left: 0; width: 50%; height: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prev span.wrapArrow { position: relative; display: block; width: 100%; height: 100%; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prev span.wrapArrow .arrow { position: absolute; bottom: 0; left: 0; right: auto; width: 100%; height: 100%; }
/*#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prev:hover span.wrapArrow .arrow { background: url(../img/template/arrow-prev.png) no-repeat center left; }*/
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.next { position: absolute; top: 50%; right: 0; width: 50%; height: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.next span.wrapArrow { position: relative; display: block; width: 100%; height: 100%; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.next span.wrapArrow .arrow { position: absolute; bottom: 0; left: auto; right: 0; width: 100%; height: 100%; background: none; }
/*#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.next:hover span.wrapArrow .arrow { background: url(../img/template/arrow-next.png) no-repeat center right; }*/
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prev span.wrapArrow .arrow.show { background: url(../img/template/arrow-prev.png) no-repeat center left; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.next span.wrapArrow .arrow.show { background: url(../img/template/arrow-next.png) no-repeat center right; }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prevNext { position: absolute; top: 50%; left: 0; right: 0; font-family: 'DINAlternate-Bold'; font-size: 20px; color: #F8F9F9; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .navDskt a.prevNext:hover { position: absolute; top: 50%; left: 0; right: 0; font-family: 'DINAlternate-Bold'; font-size: 20px; color: #F8F9F9; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo { display: inline-block; width: 50%; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .navTblt { display: none; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .mainTheme { padding: 50px 0; }
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .copyinfo {
display:none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#popPlayer.copyokay .wrapPlayer .content #fullPlayer .mainVideo .copyinfo {
display: none;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .copyinfo.copyovrl {
background: rgba(0,0,0,.5);
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .copyinfo.copytext .wrapper {
position: relative;
width: 100%;
height: 100%;
}
#popPlayer .wrapPlayer .content #fullPlayer .mainVideo .copyinfo.copytext .wrapper p {
position: absolute;
top: 50%;
left: 50%;
width: 75%;
font-family: 'DINAlternate-Bold';
font-size: 16px;
color: #FFFFFF;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* ############################################################################################# */
/* ## RESULTATS DE RECHERCHE -- DESKTOP ######################################################## */
/* ############################################################################################# */
#popSearch { background: rgba(0,0,0,.5); }
#popSearch .wrapSearch .backSearch { display: block; }
#popSearch .wrapSearch .content .closeSearch { display: none; }
#popSearch .wrapSearch .content .listResults { overflow: hidden !important; }
#popSearch .wrapSearch .content .listResults article a ul li:first-child { padding-right: 25px; }
#popSearch .wrapSearch .content .listResults article a ul li img { float: right; }
/* ############################################################################################# */
/* ## CRÉDITS -- DESKTOP ####################################################################### */
/* ############################################################################################# */
#popCredits .wrapCredits { padding: 0px; }
#popCredits .wrapCredits .backCredits { width: 24px; height: 24px; }
#popCredits .wrapCredits .content { height: 600px; max-width: 600px; }
#popCredits .wrapCredits .content .listCredits { max-height: 600px; }
#popCredits .wrapCredits .content .listCredits h3 { font-size: 24px; }
#popCredits .wrapCredits .content .listCredits h4 { font-size: 14px; }
#popCredits .wrapCredits .content .listCredits p { font-size: 16px; /*from 14px*/ }
/* ############################################################################################# */
/* ## BIBLIOGRAPHIE -- DESKTOP ################################################################# */
/* ############################################################################################# */
#popBiblios .wrapBiblios .content .listBiblios { font-size: 16px; /*from 14px*/ }
#popBiblios .wrapBiblios .content .listBiblios h3 { font-size: 24px; }
#popBiblios .wrapBiblios .content .listBiblios h4 { font-size: 14px; }
/* ############################################################################################# */
/* ## CONTACT -- DESKTOP ####################################################################### */
/* ############################################################################################# */
#popContact .wrapContact { padding: 0px; }
#popContact .wrapContact .backContact { width: 24px; height: 24px; }
#popContact .wrapContact .content { max-width: 600px; }
#popContact .wrapContact .content h3 { font-size: 20px; }
#popContact .wrapContact .content form fieldset ul li label { font-size: 17px; }
#popContact .wrapContact .content form fieldset ul li input { font-size: 17px; }
#popContact .wrapContact .content form fieldset ul li input[type="submit"] { font-size: 17px; }
#popContact .wrapContact .content form fieldset ul li textarea { font-size: 17px; }
/* ############################################################################################# */
/* ## ACCUEIL -- DESKTOP ####################################################################### */
/* ############################################################################################# */
#mainAccueil .wrapAccueil .content { font-size: 20px; }
#mainAccueil .wrapAccueil .content h1 { font-size: 50px; margin-top: 38px; margin-bottom: 17px; }
#mainAccueil .wrapAccueil .content figure { margin-top: 45px; }
}