//CSS : CSS08 
// Gestion de l'affichage de l'état du modop : .VISIBLE_IF_ETATMODOP_0_0, .VISIBLE_IF_ETATMODOP_0_1, ...
// Gestion de l'affichage ou non d'un élément : .VISIBLE_IFTRUE_TRUE ; .VISIBLE_IFTRUE_FALSE ...
// 

// MODIF PHYSIDIA
// Pas de dégragé : B5D0E3
// #ff7f00
// #bf5f00

.SOUSTABLEAU
{
/*border-color : rgb(0,255,0);*/
border-color : white;
border-width : 2;
border-style : solid; 
border-spacing :0;
padding : 0;
margin : 0;
padding : 0;
/*text-align: left; */
}


/* Affiche un texte si une Variable retourne une variable particulière et MASQUE si retourne une autre valeur */
/* 						
	<div class="VISIBLE_IFTRUE_@PDFFILEEXISTS@">
		<br><A HREF="@DIRECTORY_HREF@@AddrRep@/@NomFichierPDF_HREF@"> 
			<font face="Arial" size="2" color="blue"><b>VOIR PDF</b></font>
		</A>
	</div>
*/	
.VISIBLE_IFTRUE_TRUE{display : normal;}
.VISIBLE_IFTRUE_FALSE{display : none;}
.VISIBLE_IFFALSE_FALSE{display : normal;}
.VISIBLE_IFFALSE_TRUE{display : none;}

/* Affiche un texte si une Variable retourne une variable particulière 0 (ou 1) ou bien masque 
	<div class="VISIBLE_IF_ETATMODOP_0_@ETAT@">
		<font face="Arial" size="2" color="#b5d0e3"><b>(EN COURS DE REALISATION / VERSION PROJET)</b></font>
	</div>							

*/
/*VISIBLE_IF_ETATMODOP_0_@ETAT@*/
.VISIBLE_IF_ETATMODOP_0_0{/*ModOp En Cours*/display : normal;}
.VISIBLE_IF_ETATMODOP_0_1{display : none;}
.VISIBLE_IF_ETATMODOP_0_2{display : none;}
.VISIBLE_IF_ETATMODOP_0_3{display : none;}

.VISIBLE_IF_ETATMODOP_1_0{display : none;}
.VISIBLE_IF_ETATMODOP_1_1{/*ModOp Validé NON Archivé*/display : normal;}
.VISIBLE_IF_ETATMODOP_1_2{display : none;}
.VISIBLE_IF_ETATMODOP_1_3{display : none;}

.VISIBLE_IF_ETATMODOP_2_0{display : none;}
.VISIBLE_IF_ETATMODOP_2_1{display : none;}
.VISIBLE_IF_ETATMODOP_2_2{/*ModOp Validé ARCHIVE*/display : normal;}
.VISIBLE_IF_ETATMODOP_2_3{display : none;}

.VISIBLE_IF_ETATMODOP_3_0{display : none;}
.VISIBLE_IF_ETATMODOP_3_1{display : none;}
.VISIBLE_IF_ETATMODOP_3_2{display : none;}
.VISIBLE_IF_ETATMODOP_3_3{/*ModOp ATTENTE VALIDATION*/display : normal;}

/* Liste à puce */
li
{
/*color : #b5d0e3; */
color : #000000;
}

li.c1 a
{
color : #ffffff;
}


 
.td-right { text-align:right; }
.td-left { text-align:left; }
.td-center	{ text-align:center; }
.td-top	{ vertical-align:top; }
.td-middle	{ vertical-align:middle; }
.td-bottom	{ vertical-align:bottom; }
.center-align	{ text-align:center; }
.center-div	{ margin-left:auto; margin-right: auto; }
.right-div	{ margin-left:auto; margin-right: 0; }
.left-div	{ margin-left:0; margin-right: auto; }


/* Création d'une Zone de Scroll (pour le chapitrage *) */
.scroll_inside {
	margin-left:auto; 
    margin-right:auto;

	/*height: 200px;*/
	height: 100%;
	/*width: 300px;*/
	width: 500px;
	overflow: auto;
	border: 1px solid #666;
/*	background-color: #ccc;*/
/*	background-color: orange;*/
/*	background:-o-linear-gradient(bottom, #b5d0e3 5%, #b5d0e3 100%);	*/
	background:-o-linear-gradient(bottom, #b5d0e3 5%, #b5d0e3 100%);	/* AXAUNE RIEN */
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d0e3), color-stop(1, #b5d0e3) );  AXAUNE */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B5D0E3), color-stop(1, #B5D0E3) );  /* CHROME */
/*	background:-moz-linear-gradient( center top, #b5d0e3 5%, #b5d0e3 100% ); AXAUNE */ 
	background:-moz-linear-gradient( center top, #B5D0E3 5%, #B5D0E3 100% ); /* FIREFOX */
/*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5d0e3", endColorstr="#b5d0e3");	background: -o-linear-gradient(top,#b5d0e3,b5d0e3);  AXAUNE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B5D0E3", endColorstr="#B5D0E3");	background: -o-linear-gradient(top,#B5D0E3,#B5D0E3);  /* ?? */
/*	background-color:#b5d0e3; AXAUNE */
	background-color:#B5D0E3; /* IE - Internet Explorer */

	padding: 8px;
	text-align:left; 
	position: relative;
/*		top: 80%;*/
	top: 0;
	left: 0;
}		

/* ------------------- GESTION DES LIENS DE CHAPITRAGE --------------- */
/* Indentation des Informations de TAG */
/*.link_play-@TODO@*/
.link_play-C_VP_TAG{text-indent:0px;}/*.link_play-@@*/
.link_play-C_VP_TAG a:visited{color : blue;}


/* pour SPAN : gestion des couleurs selon nature des tags */
/*.NATURE_0_-@NATURETAG_0@*/
/*Exemple : <span class="NATURE_0_@NATURETAG_0@">X</span>-<span class="NATURE_1_@NATURETAG_1@">X</span>-<span class="NATURE_2_@NATURETAG_2@">X</span>-<span class="NATURE_3_@NATURETAG_3@">X</span>- 1.2-bb (00:34.93)</a><br>
Remplacer la lettre X par l'initiale par exemple de la nature du tag
*/

/* 4ième Colonne du tableau (Gestuel) */
.NATURE_0_1
{
color : blue;
background-color:blue;  
}

.NATURE_0_0
{
color : white;
background-color:white;  
}

/* Deuxième Colonne du tableau */
.NATURE_1_1
{
/*color : orange; 
background-color:orange;*/
/*color : #FF8000; 
background-color: #FF8000;*/
color : #80FF80; 
background-color:#80FF80;

}

.NATURE_1_0
{
color : white;
background-color:white;  
}

/* Troisième colonne du tableau */
.NATURE_2_1
{
/*color : yellow; 
background-color:yellow;*/
color : #FF8000; 
background-color: #FF8000;
}

.NATURE_2_0
{
color : white;
background-color:white;  
}

/* Première colonne du tableau */
.NATURE_3_1
{
/*
color : green; 
background-color:green;
*/
color : #80FF80; 
background-color:#80FF80;

}

.NATURE_3_0
{
color : white;
background-color:white;  
}

/* ------------------- MISE en forme du tableau ---------------------- */
.CSSTableGenerator {
	
	margin-left:auto; 
    margin-right:auto;
	
	table-layout:fixed;
	overflow: hidden;
	align:center; 
	margin:0px;padding:0px;
/*	width:100%;*/
	width:1540px;

    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
	
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
/*    text-align: left; 	*/
}

.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
/*    text-align: left; 	*/
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
/*    text-align: left;	Première colonne */
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
/*    text-align: left;*/
}
.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.CSSTableGenerator tr:hover td{
/*    text-align: left;	*/
}
/*.CSSTableGenerator tr:nth-child(odd){ background-color:#ffaa56; }*/
/*.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }*/
.CSSTableGenerator td{
	vertical-align:middle;

	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
/*	color:#000000;  AXAUNE */
	color:#B5D0E3; /* ?? */
}
.CSSTableGenerator tr:last-child 
td{
	border-width:0px 1px 0px 0px;
/*    text-align: left;	*/
}
.CSSTableGenerator tr td:last-child
{
	border-width:0px 0px 1px 0px;
/*    text-align: left;	*/
}
.CSSTableGenerator tr:last-child td:last-child
{
	border-width:0px 0px 0px 0px;
	text-align:left;
}
.CSSTableGenerator tr:first-child 
td{
/*	background:-o-linear-gradient(bottom, #b5d0e3 5%, #b5d0e3 100%);	AXAUNE ICI PHYSIDIA*/
	background:-o-linear-gradient(bottom, #b5d0e3 5%, #B5D0E3 100%);	
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d0e3), color-stop(1, #b5d0e3) ); AXAUNE*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B5D0E3), color-stop(1, #B5D0E3) ); /* CHROME */
/*	background:-moz-linear-gradient( center top, #b5d0e3 5%, #b5d0e3 100% ); AXAUNE */
	background:-moz-linear-gradient( center top, #B5D0E3 5%, #B5D0E3 100% ); /* FIREFOX - Couleur Fixe*/
/*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5d0e3", endColorstr="#b5d0e3");	background: -o-linear-gradient(top,#b5d0e3,b5d0e3); AXAUNE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B5D0E3", endColorstr="#B5D0E3");	background: -o-linear-gradient(top,#B5D0E3,B5D0E3); /* ?? */

	background-color:#B5D0E3;
/*	background-color:#007f00;	Pas d'effet */
	border:0px solid #000000;
	text-align:center; 
/*    text-align: left; toutes les colonnes */
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{ /* Couleur fond au passage souris  */ 
/*	background:-o-linear-gradient(bottom, #b5d0e3 5%, #b5d0e3 100%);	AXAUNE */
	background:-o-linear-gradient(bottom, #B5D0E3 100%, #000000 100%);	/* ?? */
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d0e3), color-stop(1, #b5d0e3) ); AXAUNE */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.95, #B5D0E3), color-stop(1, #B5D0E3) ); /* CHROME */ 
/*	background:-moz-linear-gradient( center top, #b5d0e3 5%, #b5d0e3 100% ); AXAUNE */
	background:-moz-linear-gradient( center top, #B5D0E3 5%, #B5D0E3 100% ); /* FIREFOX */
/*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5d0e3", endColorstr="#b5d0e3");	AXAUNE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B5D0E3", endColorstr="#B5D0E3");	/* ?? */
/*	background: -o-linear-gradient(top,#b5d0e3,b5d0e3); AXAUNE */
	background: -o-linear-gradient(top,#B5D0E3,B5D0E3);  /* ?? */

/*	background-color:#b5d0e3; AXAUNE ICI*/
	background-color:#B5D0E3;	/* IE - Internet Explorer */
/*    text-align: left;	change au déplacement de la souris */
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
/* Alignement de la première colonne des sous tableaux */	
/*	text-align:left;		*/
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
/*	text-align:left;		*/
}

/* ------------------- FIN MISE en forme du tableau ---------------------- */

/* ------------------- MISE en forme pour fichiers VTT ---------------------- */
::cue(.title){ color: white; background-color: black; font-size: 35px}
::cue(.operationnumber){ color: white; background-color: black; font-size: 35px; font-weight: bold;}
::cue(.operationtitle){ color: black; background-color: white; font-size: 35px; font-weight: bold;
	border-style: solid; border-color: yellow; border-width:5px; }

/*
::cue(.tag0){ color:white; background-color:blue; font-size:30px; font-weight:bold;}
::cue(.tag1){ color:white; background-color:green; font-size:30px; font-weight:bold;}
::cue(.tag2){ color:black; background-color:yellow; font-size:30px; font-weight:bold;}	
::cue(.tag3){ color:white; background-color:#888888; font-size:30px; font-weight:bold;}
*/
::cue(.tag0){ color:white; background-color:blue; font-size:1.2em; font-weight:bold;}
::cue(.tag1){ color:black; background-color:#b5d0e3; font-size:1.2em; font-weight:bold;}
::cue(.tag2){ color:black; background-color:yellow; font-size:1.2em; font-weight:bold;}	
::cue(.tag3){ color:black; background-color:#00ff0f; font-size:1.2em; font-weight:bold;}

::cue(.tag0_ex){ color:white; background-color:blue; font-size:1em; font-weight:bold; /*border-style:none;*/ }
::cue(.tag1_ex){ color:white; background-color:green; font-size:1em; font-weight:bold; /*border-style:none;*/ }
::cue(.tag2_ex){ color:black; background-color:#b5d0e3; font-size:1em; font-weight:bold; /*border-style:none;*/ }	
::cue(.tag3_ex){ color:black; background-color:yellow; font-size:1em; font-weight:bold; /*border-style:none;*/ }

::cue(.ptvconforme){ color:white; background-color:green; font-size:38px; font-weight:bold; /*border-style:none;*/ }
::cue(.ptvnonconforme){ color:white; background-color:red; font-size:38px; font-weight:bold; /*border-style:none;*/ }
	

::cue(.OperationTitle2){
/*	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	border:10px; border-style:solid; border-color:#FF0000; padding: 1em;*/
	/*padding: 1em;*/
	/*text-shadow: 0 0 5px #555;*/
	color: blue; background-color: white; font-size: 30px; font-weight: bold;
	border-style: solid; 
	border:10px; 
	border-width:3px;
	border-color:#555555;
	padding: 0 7em 2em 0;
	-webkit-text-shadow: 0 0 2px #000;	

/*border-bottom: 3px solid lightgreen;
border-left: 6px solid lightgreen;
border-right: 3px solid lightgreen;
border-top: 6px solid lightgreen;*/
	margin: 2.5em
	
	}
	
::cue(.red){ color: red; }
::cue(.blue){ color: blue; }
::cue(.green){ color: green; }
::cue(.yellow){ color: yellow; }
::cue(.background-red){ background-color: red; }
::cue(.background-blue){ background-color: blue; }
::cue(.background-green){ background-color: green; }
::cue(.background-yellow){ background-color: yellow; }
::cue(.keypoint1){ color: #f09; }
::cue(.KeyPoint2){ color: blue; }
::cue(.KeyPoint3){ color: green; }
::cue(.KeyPoint4){ color: b5d0e3; }

::cue(.pointcle0){ color: blue; font-size: 1.2em}
::cue(.pointcle1){ color: green; font-size: 1.2em}
::cue(.pointcle2){ color: yellow; font-size: 1.2em}
::cue(.pointcle3){ color: #b5d0e3; font-size: 1.2em}


::cue(v[voice="Esme"]) { color: cyan }
::cue(v[voice="Mary"]) { color: lime }
::cue(i) { font-style: italic }
::cue(.loud) { font-size: 2em }

::cue(b) {
     color: green;
	 background : yellow;
	 opacity : 1
   }
   
/* ------------------- FIN MISE en forme pour fichiers VTT ---------------------- */


/* ------------------- Zone de Scroll pour chapitrage (mais flottant) en dehors des tableaux ---------------------- */
   
.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
		position: absolute;
/*		top: 80%;*/
		left: 80%;
}		
/* ------------------- Zone de Scroll pour chapitrage (mais flottant) en dehors des tableaux ---------------------- */


/* -------------- TABLEAU SCROLL NON EFFICACE SUR IE ------------------------*/
  /* define height and width of scrollable area. Add 16px to width for scrollbar          */
  div.tableContainer {
    clear: both;
    border: 1px solid #963;
/*    height: 285px;*/
    height: 528px;
    overflow: auto;
    width: 900px
  }

  /* Reset overflow value to hidden for all non-IE browsers. */
  html>body div.tableContainer {
    overflow: hidden;
    width: 900px
  }

  /* define width of table. IE browsers only                 */
  div.tableContainer table {
    float: left;
    /* width: 740px */
  }

  /* define width of table. Add 16px to width for scrollbar.           */
  /* All other non-IE browsers.                                        */
  html>body div.tableContainer table {
    /* width: 756px */
  }

  /* set table header to a fixed position. WinIE 6.x only                                       */
  /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
  /* an element that has an overflow property set, the relative value translates into fixed.    */
  /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */

  thead.fixedHeader tr {
    position: relative;
  }

  /* set THEAD element to have block level attributes. All other non-IE browsers            */
  /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */

  /* make the TH elements pretty */
  thead.fixedHeader th {
    background: #C96;
    border-left: 1px solid #EB8;
    border-right: 1px solid #B74;
    border-top: 1px solid #EB8;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left
  }

  html>body tbody.scrollContent {
	display: block;
/*    height: 262px;*/
    height: 500px;	
    overflow: auto;
    width: 100%
  }

  html>body thead.fixedHeader {
    display: table;
    overflow: auto;
    width: 100%
  }

  /* make TD elements pretty. Provide alternating classes for striping the table */
  /* http://www.alistapart.com/articles/zebratables/                             */
  tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px; 
/*    text-align: left; 	pas d'effet sur td de la scroll */
  }



  tbody.scrollContent tr.alternateRow td {
    background: #EEE;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
  }
  
/* -------------- TABLEAU SCROLL NON EFFICACE SUR IE ------------------------*/