/**************************************************/
/* page_medias
/**************************************************/
body {
background-color:#000;
margin:0;
padding:0;
font:0.9em Arial, Helvetica, sans-serif;
}
a img {
border:none;
}
#admin {
	bottom:1em;
	color:white;
	font-size:80%;
	position:fixed;
	right:40%;
	text-align:right;
}
#admin a {
	color:#fc0;
	padding:3px;
	text-decoration:none;
}



#footer {
	bottom:0;
	clear:both;
	font-size:80%;
	margin-top:2em;
	padding:1em 2%;
	position:fixed;
	width:96%;
	z-index:10;
}
#footer a {
	color:#666;
	padding:5px;
	text-decoration:none;
}
#footer .right {
	float:right;
}



legend {
 color:#fff;
 margin:30px auto 0 auto;
}
noscript {
 background:#fff;
 color:#f00;
 display:block;
 padding:10px;
 text-align:center;
}

.alternate {
 display:none;
}

#loader {
 background:transparent url(../images/loading-3a3a3a.gif) no-repeat 50% 8px;
 color:#999;
 font-size:80%;
 font-style:italic;
 height:32px;
 left:40%;
 padding-top:40px;
 position:absolute;
 text-align:center;
 top:30%;
 width:16%;
}

/* alpinisme, red*/
.dot {
 background:transparent url(../images/here_dots.png) no-repeat 0 0;
 display:block;
 height:7px;
 text-decoration:none;
 width:7px;
 z-index:10;
}
/* purple */
.dot.bloc {
 background:transparent url(../images/here_dots.png) no-repeat -8px 0;
}
/* orange */
.dot.escalade {
 background:transparent url(../images/here_dots.png) no-repeat -16px 0;
}
/* green */
.dot.expe {
 background:transparent url(../images/here_dots.png) no-repeat -32px 0;
}
/* blue */
.dot.glace {
 background:transparent url(../images/here_dots.png) no-repeat -40px 0;
}
#header {
 background:#3a3a3a;
 height:55px;
 margin-top:-20px;
}
html>/**/* #header {
 margin-top:0;
}
#logo {
	margin-left:120px;
}
#logo img {
 padding:15px;
}
#path {
display:block;
position:absolute;
margin-top:22px;
left:368px;
color:#888;
}
html>/**/* #path {
margin-top:-33px;
}
#path a {
color:white;
letter-spacing:1px; text-decoration:none;
}
#path a:hover {
text-decoration:underline;
}

#to_map {
 background:transparent url(../images/map_small_world.png) no-repeat 0 0;
 display:block;
 height:40px;
 left:15px;
 position:absolute;
 margin-top:8px;
 width:100px; 
 z-index:100;
}
html>/**/* #to_map {
 margin-top:-44px;
}
#return {
/*background:transparent url(../images/medias_return.png) no-repeat 100% 50%;*/
color:#fc0;
display:block;
font-size:120%;
font-weight:bold;
position:absolute;
right:10px;
 margin-top:18px;
padding-right:30px;
text-decoration:none;
 z-index:100;
}
html>/**/* #return {
 margin-top:-36px;
}
#return img {
margin-bottom:-2px;
}
#return:hover {
	 text-decoration:underline;
}

#menu ul {
position:fixed;
height:72px;
width:100%;
margin:-22px 0 0 0;
min-width:1300px;
padding:0;
background:transparent url(../images/menu_bg.png) repeat-x 0 0;
z-index:90;
}
/*
html>body #menu ul {
background:transparent url(../images/menu_bg.png) repeat-x 0 0;
}*/
#menu li {
position:relative;
float:left;
height:26px;
list-style:none;
margin-top:23px;
padding:0;
}
#menu li a {
display:block;
width:142px;
height:24px;
text-decoration:none;
color:#515151;
padding-top:2px;
letter-spacing:0;
font-size:1.2em;
text-align:center;
text-transform:lowercase;
}
#menu li a:hover, #menu li .selected, #menu li .hover {
color:#000000;
background:transparent url(../images/menu_active_bg.png) no-repeat 0 0;
}
#menu .spacer {
position:absolute;
right:0;
top:0;
width:4px;
height:26px;
}
#menu li a:hover .spacer, #menu li .selected .spacer, #menu li .hover .spacer {
background:transparent url(../images/menu_active_bg_end.png) no-repeat right center;
}



/* level 2 */
#menu ul li ul {
position:absolute;
z-index:90;
background-image:none;
background:transparent url(../images/medias_submenu_bg.png) no-repeat 2px 100%;
height:auto;
top:auto;
display:none;
margin:auto;
padding-bottom:15px;
}
#menu ul li ul li {
position:relative;
margin-top:0;
clear:both;
float:none;
}
#menu li li a {
margin:0 0 0 2px;
text-transform:none;
font-size:1em;
color:#000;
text-align:left;
padding-left:10px;
width:130px;
}

#menu li li a:hover {
background:#fff;
}
#menu li li .selected, #menu li li .selected:hover {
color:#333;
background:#ffcc00;
}

/* level 3 */
#menu ul li ul li ul {
position:absolute; 
z-index:91;
list-style-type:square;
margin:-26px 0 0 137px;
width:146px;
}
#menu li li li {
position:relative;
margin-top:0;
float:none;
}
#menu li li li a {
display:block;
}

#content {
position:relative;
margin-top:27px;
padding-bottom:3em;
text-align:center;
z-index:80;
}

#content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* medias slideshow */
.slideshow { 
position:relative; 
background-color:#3a3a3a;
margin:3em auto;
width:95%;
height:500px;
}
.slideshow h1 {
position:absolute;
z-index:75;
top:3px;
right:4%;
width:12%;
color:#999;
font-size:1em;
font-weight:normal;
letter-spacing:1px;
}
.slideshow .scene {
position:absolute;
z-index:75;
top:0;
left:0;
width:80%;
height:100%;
border-right:2px #333 solid;
}
.slideshow .scene fieldset {
 border:none;
 height:100%;
 left:0;
 padding:0;
 text-align:left;
 width:100%;
 margin-bottom:2em;
}
.slideshow .scene legend {
 color:#fff;
}
.slideshow .scene img {
 margin:0 auto;
}
.slideshow .thumbnails {
 height:340px;
 position:absolute;
 right:0;
 top:150px;
 width:20%;
}
.slideshow .thumbnails ul {
 height:292px;
 margin:24px 0 0 0;
 padding:0 0 0 15px;
 overflow:auto;
}
.slideshow .thumbnails li {
 float:left;
 list-style:none;
 margin:0 5px 0 0;
}
.slideshow .thumbnails .to_top, .slideshow .thumbnails .to_bottom {
 cursor:pointer;
 display:block;
 height:21px;
 left:0;
 position:absolute;
 width:100%;
}
.slideshow .thumbnails .to_top {
 background:transparent url(../images/to_top.png) no-repeat 50% 100%;
 top:0;
}
.slideshow .thumbnails .to_bottom {
 background:transparent url(../images/to_bottom.png) no-repeat 50% 0;
 bottom:0;
}
.slideshow .tools {
position:absolute;
top:500px;
left:0;
background-color:#222;
width:100%;
height:1.9em;
}
.slideshow .display {
color:#aaa;
text-decoration:none;
padding-right:24px;
background:transparent url(../images/fullscreen.png) no-repeat 100% 50%;
position:absolute;
right:50px;
top:5px;
display:block;
}
.slideshow .sound {
position:absolute;
right:8px;
top:2px;
width:30px;
height:23px;
}
.slideshow .legend {
color:#aaa;
position:absolute;
top:4px;
left:0;
 padding:0 3%;
width:74%;
}
.slideshow .images_navigation {
 border:none;
 padding:0;
}
.slideshow .images_navigation legend {
 display:none;
}
.slideshow .images_navigation .previous, .slideshow .images_navigation .next, .slideshow .images_navigation .play, .slideshow .images_navigation .pause {
position:absolute;
z-index:100;
display:block;
width:30px;
height:28px;
}
.slideshow .images_navigation .previous {
background:transparent url(../images/previous.png) no-repeat 50% 50%;
left:1%;
}
.slideshow .images_navigation .next {
background:transparent url(../images/next.png) no-repeat 50% 50%;
right:21%;
}
.slideshow .images_navigation .play {
background:transparent url(../images/pause.png) no-repeat 50% 50%;
}
.slideshow .images_navigation .pause {
background:#666 url(../images/pause.png) no-repeat 50% 50%;
}
.slideshow .images_navigation .play, .slideshow .images_navigation .pause {
right:17%;
}
.slideshow .slideshow_navigation {
 border:none;
}
.slideshow .slideshow_navigation legend {
 display:none;
}
.slideshow .slideshow_navigation .previous, .slideshow .slideshow_navigation .next {
position:absolute;
z-index:100;
top:14px;
display:block;
width:18px;
height:15px;
background:transparent url(../images/previous2.png) no-repeat 0 0;
}
.slideshow .slideshow_navigation .previous {
left:81%;
}
.slideshow .slideshow_navigation .next {
right:1%;
background-image:url(../images/next2.png);
}
.slideshow .map_medium {
position:absolute;
 margin-right:-80px;
top:70px;
right:10%;
width:160px;
height:61px;
background:transparent url(../images/map_medium_world.png) no-repeat 0 2px;
}
.slideshow .map_medium .dot {
position:absolute;
}
/* slideshow large */
.slideshow.large { 
height:800px;
}
.slideshow.large h1 {
top:30px;
right:1%;
width:8%;
}
.slideshow.large .thumbnails {
height:640px;
width:10%;
top:100px;
}
.slideshow.large .thumbnails ul {
 height:592px;
}
.slideshow.large .scene {
width:90%;
}
.slideshow.large .tools {
top:800px;
}
.slideshow.large .legend {
width:90%;
}
.slideshow.large .images_navigation .next {
right:11%;
}
.slideshow.large .images_navigation .play, .slideshow.large .images_navigation .pause {
right:9.5%;
}
.slideshow.large .slideshow_navigation .previous {
left:93%;
}
.slideshow.large .slideshow_navigation .next {
right:3%;
}
.slideshow.large .map_medium {
 display:none;
}

/* slideshow small */
li.slideshow.small {
list-style:none;
padding:0;
position:relative;
display:block;
width:200px;
height:200px;
}
li.slideshow.small h2 a {
 color:#fff;
}
li.slideshow.small fieldset {
 border:0;
 padding:0;
 height:100%;
}
li.slideshow.small .scene {
 border-right:0;
 display:block; 
 height:100%;
 margin-left:-2px;
 width:100%;
}

/* screen wall */
#screenwall {
 margin:4em auto 0 auto;
 width:82%;
}
#screenwall ul {
 margin:0;
 padding:0;
}
#screenwall li.slideshow.small {
 float:left;
 margin:0 3px 3px 0;
 text-align:left;
}
#screenwall li.slideshow.small h2, #screenwall li.slideshow.small h2 a {
 display:block;
 height:200px;
 position:absolute;
 text-decoration:none;
top:-9px;
 width:100%;
 z-index:100;
}
#screenwall li.slideshow.small h2.alternate {
	display:none;
}


#screenwall li.slideshow.small span {
 background:transparent url(../images/menu_bg.png) repeat 0 50%;
 bottom:0;
 color:#333;
 display:block;
 font-size:0.7em;
 font-weight:normal;
 left:0;
 list-style:square;
 list-style-position:inside;
 margin:0;
 padding:0.2em 10px;
 position:absolute;
 z-index:80;
 width:180px;
}
#screenwall li.slideshow.small a:hover span {
 background:transparent url(../images/menu_active_bg.png) repeat-x 0 50%;
}




/* world map*/
#pagemediascarte-du-monde #content {
 background:transparent url(../images/map_large_world.png) no-repeat 0 0;
 height:383px;
 margin:80px auto 0 auto;
 position:relative;
 width:1000px;
}
#pagemediascarte-d-europe #content {
 background:transparent url(../images/map_large_europe.png) no-repeat 0 0;
 height:605px;
 margin:80px auto 0 auto;
 position:relative;
 width:1000px;
}
.map ul {
 margin:0;
 padding:0;
}
.map li {
 list-style:none;
}
.map li.slideshow.small {
 background-color:transparent;
 margin:20px;
 z-index:80;
}
.map li.slideshow.small .scene {
 height:auto;
}
.map li.slideshow.small fieldset {
 border:none;
 height:auto;
 text-align:left;
}
.map legend {
 border-bottom:0;
}
.map legend a {
 color:#fff;
 text-decoration:none;
}
.map #europe {
 border:#ccc 1px solid;
 color:#fff;
 font-size:2em;
 height:60px;
 left:434px;
 position:absolute;
 text-align:left;
 text-decoration:none;
 text-transform:lowercase;
 top:63px;
 width:105px;
 padding:10px;
 z-index:90;
}
.map #europe:hover {
 background:transparent url(../images/bg_white_50.png) repeat 0 0;
 border:#ffcc00 3px solid;
}

/* videos */
#pagemediasvideos #content {
 color:#fff;
 margin:5em;
 text-align:left;
}
#pagemediasvideos #content a {
 color:#fc0;
}
#pagemediasvideos #content a img {
 border:#fc0 2px solid;
}
#pagemediasvideos #content .left {
 float:left;
 margin:0 1em 0.5em 0;
}