/* @override 
	http://www.opsomai.eu/data/oraoweb/OraoWeb_200/ow_css_demo.css
*/

/* Par dessus : ow_css_INA : l'appel a ce fichier doit apparaitre apres l'appel a celui presentant les valeurs par defaut (ow_css.css)*/

/* @group Blocks, Containers */

body {
	background-color: #6c9bb2;
}

#afficheTitre a {
	color: #fff;
}



#container {
	background-color: transparent;
	width: 330px;
}

#ow_controllerpanel {
	height: 100px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#tableSlider {
	padding-top: 3px;
}

#ligne-one {
	height: 25px;
	border: 2px solid #acd9f3;
	margin: 2px 2px 5px;
	padding: 2px;
}

#ligne-two {
	background-color: #6c9bb2;
	padding-top: 5px;
}

#videoplayer, #ow_id_end_restart_video,  #ow_id_wentFS_restart_video {
	background-color: #6c9bb2;
}

tr#ligne-one-bis {
}

#controller-help {
	width: 52px;
}

#controller-logoINA {
	width: 52px;
	text-align: right;
}

div#movieplayer {
	margin-top: 5px;
	margin-left: 3px;
	z-index: 1;
}

object#video1 {
	background-image: none;
	background-color: transparent;
}

/* @group TimeCode */

#ow_id_timecode {
	margin: 3px auto 1px;
	background-color: black;
	padding: 4px 2ex;
	color: #6a8eb4;
	font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 14ex;
}

#controller-timecode {
	width: 216px;
}



/* @end */

/* @end */

/* @group Navigation / progress slider */

#ow_navigation-wrap1 {
	height: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: auto;
	margin-left: auto;
	left: 0;
}

#ow_navigation-wrap2 {
	background-color: #dd0c02;
	border: 1px solid #4d8dfc;
}

#ow_id_progress_slider {
	text-align: center;
	background-color: black;
	border: 2px solid #acd9f3;
	height: 10px;
	border-bottom-style: none;
}

#ow_navigation-track-start {
	background-color: #dd0c02;
}
#ow_navigation-position-handle {
	width: 7px;
	height: 14px;
	top: -9px;
	background-color: transparent;
	z-index: 10;
}
	
#ow_navigation-chargement-handle {
	background-color: #dd0c02;
	width: 1px;
}
#ow_navigation-track-end {
	background-color: #ccc;
}

#ow_navigation-slider, #ow_navigation-track-start, #ow_navigation-chargement-handle, #ow_navigation-track-end, #ow_navigation-wrap1, #ow_navigation-wrap2   {
	height: 4px;
}

#ow_navigation-slider {
	height: 10px;
}

#navigation {
	width: 268px;
}

#ow_position_handle_image {
	background-color: transparent;
}



#ow_navigation_selected_extract {
	color: #ff0063;
	background-color: #369;
	border-right: 1px solid #4d8dfc;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	top: 1px;
	height: 4px;
}

#ow_navigation_selected_target {
	color: #ff0063;
	background-color: #4d8dfc;
	border-right: 1px solid #4d8dfc;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	top: -2px;
	height: 2px;
}

/* @end */

/* @group Sound Slider */

#ow_sound-handle {
	background-color: #041357;
}

#ow_sound-slider {
	width: 51px;
}

#ow_id_sound_slider {
	width: 70px;
	padding-top: 7px;
}



/* @end */

/* @group Buttons */

#ow_bouton_play, #ow_bouton_pause, #ow_bouton_play_pause, #ow_bouton_fast_forward, #ow_bouton_fast_rewind, #ow_bouton_step_forward, #ow_bouton_step_rewind, #ow_bouton_go_to_beginning, #ow_bouton_go_to_end, 
#ow_bouton_help {
	width: 30px;
	margin-top: 0;
	padding-top: 0;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	top: 0;
}

#ow_bouton_fullscreen {
	width: 30px;
	margin-top: 0;
	padding-top: 0;
	height: 30px;
	margin-right: 0;
	top: 0;
	padding-left: 10px;
}


#ow_bouton_play img, #ow_bouton_pause img, #ow_bouton_play_pause img, #ow_bouton_fast_forward img, #ow_bouton_fast_rewind img, #ow_bouton_step_forward img, #ow_bouton_step_rewind img, #ow_bouton_go_to_beginning img, #ow_bouton_go_to_end img, 
#ow_bouton_help img, #ow_bouton_fullscreen img {
	width: 30px;
	height: 30px;
}

#ow_bouton_logo_player img {
	width: 23px;
	height: 23px;
	margin-right: 5px;
}



/* @end */

/* @group CSS des Tips */

.prototip .INAtip { width: 316px; background: #6c9bb2;  border: 2px solid #acd9f3;
	height: 88px;
}
.prototip .INAtip .toolbar { background: #5b7998; color: #fff;
	font: italic bold x-small "Lucida Grande", Lucida, Verdana, sans-serif;
}
.prototip .INAtip .toolbar a.close { background: url(ow_images_INA/tip/close_hover.gif);}
.prototip .INAtip .toolbar a.close:hover { background: url(ow_images_INA/tip/close.gif);}
.prototip .INAtip .title { padding: 5px;}
.prototip .INAtip .content { background: #6c9bb2; color: #fff; font: x-small Arial, Helvetica, sans-serif; padding: 5px; }



/* @end */

/* @group Side Panel */

#sidecommande ul li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	display: block;
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-image: none;
}

#sidecommande ul {
	padding-left: 0;
	margin-bottom: 3px;
	padding: 0;
}

#recupTimeCode {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: center;
	margin-top: 3px;
	white-space: pre;
	letter-spacing: 3px;
	font-weight: bold;
}

#sidecommande {
	width: 200px;
	position: absolute;
	top: 30px;
	right: 5px;
	height: 340px;
	border: 2px inset #ccc;
	background-color: white;
	text-align: left;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:left;
	padding: 0;
	margin: 0;
}

#afficheInfos {
background-color:#CCCCCC;
height:30px;
margin-top:2px;
text-align:center;
}

#afficheTitre {
background-color:#336699;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
line-height:20px;
text-align:center;
width:auto;
}

/* @end */