@import "imp/imp_body.css";
@import "imp/imp_blocs_principaux.css";
@import "imp/imp_pied.css";
@import "imp/imp_liens_retour.css";
@import "imp/imp_elements.css";
@import "imp/imp_pagination.css";
@import "imp/imp_menuv.css";


/*-----*/
/*Vidéo*/
/*-----*/

div#galerie_video{ /*Conteneur*/
	position:absolute;
	left:0;
	top:70px;
	width:900px;
	height:439px;
	scrollbar-face-color:#666;
	scrollbar-track-color:#333333;
	scrollbar-highlight-color:#333333;
	scrollbar-shadow-color:#333333;
	scrollbar-arrow-color:#333333;
	scrollbar-3dlight-color:#333333;
	scrollbar-darkshadow-color:#333333;
}
#player{
  display: block;
  position:absolute;
  top:23px;
  left:30px;
  width: 480px;
  height: 384px;
  border: 6px solid #666666;
  text-align: center;
}
#player:link, #player:visited{
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold;
  background-color: #333333;
}
#player:hover{
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

/*----------------------------------------*/
/*-----Blocs permutants légende/image-----*/
/*----------------------------------------*/

/*-----Commun-----*/

#calque_legende, #calque_image{
	position:absolute;
	top:10px;
	right:32px;
	width:304px;
	height:380px;
	text-align:center;
	font-size:1em;
	display: none; /*Le premier calque est rendu visible par JavaScript au chargement de la page*/
}
#calque_legende a:link, #calque_legende a:visited, #calque_image a:link, #calque_image a:visited{ /*Lien de permutation*/
	color: #CCCCCC;
	text-decoration: none;
	font-size:1.1em;
}
#calque_legende a:hover, #calque_image a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size:1.1em;
}

div#legende_video, div#legende_image_video{ /*Positionnement absolu des calques contenant les informations associées à la vidéo*/
  position:absolute;
	top:30px;
	left:0px;
	width:304px;
	height:360px;
}
.legende{ /*Pour les blocs contenant les légendes*/
	background-color: #333333;
	border:1px solid #666666;
}

/*-----Calque légende de la vidéo-----*/

#legende_video h3{ /*Titre de la vidéo*/
	position:absolute;
	margin:0;
	padding:0;
	left:0px;
	bottom:320px;
	width:100%;
	color:#CCCCCC;
}
#legende_video span{ /*Tiret de séparation titre/description*/
	position:absolute;
	left:0;
	top:40px;
	width:100%;
	color:#CCCCCC;
}
div#support_texte_video{ /*Conteneur de la description*/
	position:absolute;
	left:5px;
	top:60px;
	width:294px;
	height:250px;
	overflow:auto;
	text-align:left;
	color:#CCCCCC;
}
div#texte_video{ /*Description de la vidéo*/
	padding: 0px 5px 0px 5px;
}
#texte_video p{ /*Paragraphes de la description de la vidéo*/
  margin:0 0 1em 0;
}
#legende_video em{ /*Auteur de la vidéo*/
	position:absolute;
	left:10px;
	width:286px;
	bottom:10px;
	color:#CCCCCC;
	font-size: 0.8em;
	text-align: left;
}

/*-----Calque image de la vidéo-----*/

#legende_image_video td, #legende_image_video table{ /*Cellule de l'image associée à la vidéo*/
	margin:0;
	padding:0;
	text-align:center;
	border:0;
	height:298px;
	width:306px;
}
#legende_image_video div{ /*Conteneur de la description de l'image associée à la vidéo*/
  position: absolute;
  top: 310px;
  left:0;
  width:100%;
  height:50px;
}
#legende_image_video h3{ /*Titre de l'image associée à la vidéo*/
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	bottom:27px;
	width:100%;
	color:#CCCCCC;
}
#legende_image_video span{ /*Tiret de la légende de l'image associée à la vidéo*/
	position:absolute;
	left:0;
	top:18px;
	width:100%;
	color:#CCCCCC;
}
#legende_image_video p{ /*description de l'image associée à la vidéo*/
  position:absolute;
  margin:0;
	padding: 0;
	top:30px;
	left:0;
	width:100%;
	text-align:center;
	color:#CCCCCC;
}
#legende_image_video img{
  border: 1px solid #CBAA5C;
  padding: 2px;
}