/*****************************************************************************/     
/* pour presenter un texte interlineaire                                    **/
/*****************************************************************************/  
table.it {
	border-collapse: separate;
	border:thick;
	width: 100%;
	text-align:justify;
	font-size:110%;
	padding: 10;
}
.transcriptTable {
	border-collapse:collapse;
	vertical-align:top;
	padding:30px;
	background-color:#FEF3CD;
	cellpadding="8";
}

.play {
	border-collapse: separate;
	border:2;
	width: auto;
	text-align:justify;
	vertical-align:top;
 }
.segmentInfo {
	background-color:darkgray;
	color:White;
	font-size:9pt;
	font-weight:bold;
	text-align:center; 
	vertical-align:top;
	padding-top:10px;
	width:30px;
}

.segmentContent {
	border: solid 1px white;
	width:550px;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.translation {
	font-family:'caslon','Arial Unicode MS','Lucida sans unicode','Code2000',sans-serif;
	color:Green;
	text-align:left;
}
.word                     { 
	border-collapse: separate ;
	display: inline;
	text-align:left;
}
.word_form {
	font-family:'caslon','Arial Unicode MS','Lucida sans unicode','Code2000',sans-serif;
	background-color:#DDDDDD;
	text-align:left
}
.word_transl {
	font-family:'caslon','Arial Unicode MS','Lucida sans unicode','Code2000',sans-serif;
	background-color:#DDDDDD;
	text-align:left
}
.speaker              { color:#1D98C4; font-weight:bold;}
/*****************************************************************************/     



a.menu:link, a.menu:visited
          {color: #F09415; font-weight: bold;  font-size : 12px;
           text-decoration : none; }
a.menu:hover 
          {color: #F09415; font-weight: bold;  font-size : 12px;
           text-decoration : none; }  


.sous_menu {
	display:  none;
	padding:  0;
	position: absolute;
	left:     40px;
	width:    150px;
	font-weight: normal;  
}
ul.sous_menu    {
	list-style-type: none;
	background-color: #F09415;
}
ul.sous_menu li {
	border-top:    5px solid #F09415;
	border-bottom: 5px solid #F09415;
	border-left:   5px solid #F09415;
	border-right:  5px solid #F09415;
	white-space:  nowrap;
}
.sous_menu a {
	font-weight:normal;
	text-decoration: none;
}
.sous_menu a:link, .sous_menu a:visited
          {color: #F09415; font-weight: normal;  font-size : 12px;
           text-decoration : none; }
.sous_menu a:hover 
          {color: #F09415; font-weight: normal;  font-size : 12px;
           text-decoration : none; }  





ul.sous_menu li a:link, ul.sous_menu li a:visited {
	background-color: #F09415;
	color: #fff;
	border: 0;
}
ul.sous_menu li a:hover {
	background-color: #F09415;
	color: #BE6E00;
}

td.haut {
	border-top: 1px solid #F09415;
	border-right: 1px solid #F09415;
	height: 500px;
}
table.frameset {
	border-right: 1px solid #F09415;
	border-bottom: 1px solid #F09415;
	width:  751px;
}
table.content {
	 width: 100%;
	 border: 0;
}
table.content td {
	padding: 0px;
}
hr.separateur {
	color:#F09415; 
	border-color:#F09415;
	background-color:#F09415; 
	height:1px; 
	border: 0;
	width:100%;
}
table.menuTable {
	width: 95%;
	border: 1px solid #F09415;
	border-collapse: collapse;
}
table.menuTable td {
	border: 1px solid #F09415;
	padding: 5px;
}
table.menuTable td.sans_cadre {
	border: 0;
	padding: 5px;
}
td.illustration  {
	background: url("../../img/crdo_wave.png");
	border-bottom: 1px solid #F09415;
	height: 67px;
}
table.it caption {
	font-family : Arial, Helvetica, sans-serif; font-size : 12px; 
	white-space:  nowrap;
	color : #556268; 
	vertical-align : top;
	text-align: left;
}

/*****************************************************************************/     
/* Chemin de navigation                                                     **/
/*****************************************************************************/  

td.chemin_navigation {
	border-bottom: 1px solid #F09415;
	height: 30px;
        color: #556268;
        vertical-align : middle;
}
                          
td.chemin_navigation a:link, td.chemin_navigation a:visited {
	color: #556268; 
	text-decoration: none
}  
             
td.chemin_navigation a:hover {
	color: #BE6E00; 
	text-decoration: none
}       
/*****************************************************************************/     
/* tableau de resultats                                                     **/
/*****************************************************************************/  
.resultats { width: 100%; }
.resultats a:link, .resultats a:visited { font-weight: bold; text-decoration: none;}
.resultats a:hover { font-weight: bold; text-decoration: none;}  
.resultats tr td {
	 white-space:  nowrap;
	 padding-left: 5px;
	 padding-right: 5px;
	 vertical-align:bottom;
}
.resultats th {
	 font-size:12px;
}
.odd { background-color:#EEEEEE; }
.header { background-color:#F09415; }

.note { font-size:smaller; }

.icones a { padding: 3px; }
.icones a img { border: 0px; }
.icones a:link, .icones a:visited { text-decoration: none; }
.icones a:hover { text-decoration: none; }  



.meta                 { width:100%; }
.meta .titre          { text-align:center; vertical-align:top; font-weight: bold;}
.meta .rubrique       { font-weight: bold;  font-size:120%;  text-align: center;}
.meta .descripteur    { white-space:  nowrap; font-weight: bold; font-family:Arial; text-align:right; vertical-align:top;}
.meta .valeur         { text-align:left; vertical-align:top;}
.meta .comment        { border: solid 1px; padding:10px; width:100%; background-color:#EEEEEE; }