@charset "UTF-8";
/* CSS Document */

#strutureModif{
	position:relative;
	z-index:99;
}

.porteVideoVide{
	margin:0 0 12px 0;
	height:411px;
	width:758px;
	/*background-color:#ffffff;*/
}

#porteVideo{
	position:absolute;
	top:192px;
	right:21px;
	width:758px;
	height:411px;
	z-index:100;

}

#porteVideo_alt{
	position:absolute;
	top:50px;
	right:0;
	width:758px;
	height:411px;
	z-index:100;

}


#porteVideo.decalage5000,
#porteVideo_alt.decalage5000

{
	left:-5000px;
}

.chapters {
	float: left;
	width: 277px;	/* change your total width here */
	height: 355px;	/* change your height here */
}

.chapters ul
{
	display:block;
	height:313px;
	margin:4px 0 0 3px;
	overflow:auto;
	zoom:1;
}

/* ////////////// HAUTEUR DES ONGLETS //////////////// */
/*
.chapters ul.alt li
{
display:block;
min-height:63px;
height:auto !important;
height:63px;
padding:9px 18px 9px 28px;
border-bottom:1px solid #ffffff;
float:left;
width:210px;
}
*/
.chapters ul.alt li
{
display:block;
min-height:43px;  max-height:63px;
padding:9px 18px 9px 28px;
border-bottom:1px solid #ffffff;
float:left;
width:210px;
}
/*
.chapters ul li
{
display:block;
height:57px;
padding:9px 18px 9px 18px;
border-bottom:1px solid #ffffff;
overflow:hidden;
}
*/
.chapters ul li
{
display:block;
min-height:20px;  max-height:57px;
padding:9px 18px 9px 18px;
border-bottom:1px solid #ffffff;
overflow:hidden;
}
/* ////////////// HAUTEUR DES ONGLETS //////////////// */

.histo .chapters ul li:hover a,
.histo .chapters ul li.alt:hover a,
/*.histo .chapters ul li.alt.actif a,*/
/*.histo .chapters ul li.actif a,*/
.poli .chapters ul li:hover a,
.poli .chapters ul li.alt:hover a,
/*.poli .chapters ul li.alt.actif a,
.poli .chapters ul li.actif a,*/
.limoud .chapters ul li:hover a,
.limoud .chapters ul li.alt:hover a,
/*.limoud .chapters ul li.alt.actif a,
.limoud .chapters ul li.actif a,*/
.vie .chapters ul li:hover a,
.vie .chapters ul li.alt:hover a,
/*.vie .chapters ul li.alt.actif a,
.vie .chapters ul li.actif a,*/

.cult .chapters ul li:hover a,
.cult .chapters ul li.alt:hover a,
/*.cult .chapters ul li.alt.actif a,
.cult .chapters ul li.actif a,*/

.philo .chapters ul li:hover a,
.philo .chapters ul li.alt:hover a
/*.philo .chapters ul li.alt.actif a,
.philo .chapters ul li.actif a*/

{
	color:#ffffff;
		/*background-image: url("../images/puce_list_chap_hover.png");*/
	
}

.chapters ul li:hover a h4
{
	color:#ffffff;
		background-image: url("../images/puce_list_chap_hover.png");
	
}
.histo .chapters ul li:hover a h4,
.histo .chapters ul li.alt:hover a h4,
/*.histo .chapters ul li.alt.actif a,*/
/*.histo .chapters ul li.actif a,*/
.poli .chapters ul li:hover a h4,
.poli .chapters ul li.alt:hover a h4,
/*.poli .chapters ul li.alt.actif a,
.poli .chapters ul li.actif a,*/
.limoud .chapters ul li:hover a h4,
.limoud .chapters ul li.alt:hover a h4,
/*.limoud .chapters ul li.alt.actif a,
.limoud .chapters ul li.actif a,*/
.vie .chapters ul li:hover a h4,
.vie .chapters ul li.alt:hover a h4,
/*.vie .chapters ul li.alt.actif a,
.vie .chapters ul li.actif a,*/

.cult .chapters ul li:hover a h4,
.cult .chapters ul li.alt:hover a h4,
/*.cult .chapters ul li.alt.actif a,
.cult .chapters ul li.actif a,*/

.philo .chapters ul li:hover a h4,
.philo .chapters ul li.alt:hover a h4
/*.philo .chapters ul li.alt.actif a,
.philo .chapters ul li.actif a*/

{

		background-image: url("../images/puce_list_chap_hover.png");
	
}

.chapters ul li.alt
{
	background-color:#f4f4f4;
}

.chapters ul li h4 {
	font-size:13px;
	height:auto;
	line-height:14px;
	background-repeat:no-repeat;
	background-position:0 3px;
	padding: 0 0 0 18px;
	margin:0 0 0 -18px;
	background-image: url("../images/puce_list_chap_neutre.png");
}

/* /////////////// CHAPITRAGE DE LA VIDEO ///////////////////////////////// */
/* ////////////// HISTOIRE //////////////// */
.histo .chapters ul li.actif {
  background-color: #d55a3b; } 
.histo .chapters ul li.actif a { 
  color:#ffffff;      
}  
.histo .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin HISTOIRE //////////////// */
/* ////////////// POLITIQUE //////////////// */
.poli .chapters ul li.actif {
  background-color: #eebb00; } 
.poli .chapters ul li.actif a { 
  color:#ffffff;
}  
.poli .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin POLITIQUE //////////////// */
/* ////////////// LIMOUD //////////////// */
.limoud .chapters ul li.actif {
  background-color: #c8729f; } 
.limoud .chapters ul li.actif a { 
  color:#ffffff;
}  
.limoud .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin LIMOUD //////////////// */
/* ////////////// PHILOSOPHIQUE //////////////// */
.philo .chapters ul li.actif {
  background-color: #648685; } 
.philo .chapters ul li.actif a { 
  color:#ffffff;
}  
.philo .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin PHILOSOPHIQUE //////////////// */
/* ////////////// VIE JUIVE //////////////// */
.vie .chapters ul li.actif {
  background-color: #3e6ab1; } 
.vie .chapters ul li.actif a { 
  color:#ffffff;
}  
.vie .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin VIE JUIVE //////////////// */
/* ////////////// CULTURE //////////////// */
.cult .chapters ul li.actif {
  background-color: #003470; } 
.cult .chapters ul li.actif a { 
  color:#ffffff; 
}  
.cult .chapters ul li.actif a h5
{color:#ffffff;}
/* ////////////// Fin CULTURE  //////////////// */

.chapters ul li h5, .chapters ul li p{
	font-size:11px;
	height:auto;
	line-height:14px;
	overflow:hidden;
	font-weight:normal;
	
}

.chapters ul li a
{
	color:#000000;
	display:block;
	cursor:pointer;
	
}


a.player,
a.player img {
	float: left;
	display: block;
	  height: 345px;
    width: 460px;		/* CHANGE HERE THE WIDTH OF THE VIDEO */
}

ul.portePicto{
	display:block;
	height:24px;
	text-align:right;
	margin:0 0 0 500px;
}

ul.portePicto li{
	display:block;
	float:left;
	height:24px;
	    border-right: 1px solid #9EACAF;
		padding:0 3px 0 3px;
}

ul.portePicto li img{
	margin:4px 3px 0 3px;
}

ul.portePicto li.sansFilet{
	border-right:none;
}

div.plan
	{
	margin:-2px 0 19px 3px;
	border-bottom:1px solid #A5B4B9;
	padding:0 0 0 10px;
	font-weight:bold;
	}