@charset "utf-8";
/* CSS Document */
/******************************************************************************/
/* GENERAL                                                                    */
/******************************************************************************/
/* {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: medium;
}
html, body {
	margin: 0;
	background-color: #ffffff;
	color: #000000;
}
body {
	background-image: url(../images/background.jpg);
	background-color: #ffffff;
	background-repeat: repeat-y;
	background-position: top center;
}*/
iframe {
	border: solid 2px #ccc;
	width: 100%;
}
img {
	border: none;
}

/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	width: 800px;
	margin: 0 auto;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	padding: 0;
	/*background-image: url(images/header.png);
	background-position: bottom;
	background-repeat: no-repeat;*/
	background-image: url(../images/title_background.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
	#header #access {
		float: right;
		padding: 0 0 .4em .5em;
	}
		#header #access ul {
			margin: 0 .5em 0 0;
			padding: 0;
		}
			#header #access ul li {
				display: inline;
				font-size: .8em;
				border-left: solid 1px #999;
				padding-left: .5em;
			}
				#header #access ul li a {
					font-size: 1em;
					color: #333;
					background-color: inherit;
					text-decoration: none;
				}
				#header #access ul li a:hover {
					color: #000;
					background-color: inherit;
				}
	#header h1 {
		margin: 0;
		padding: 0;
		font-size: .1em;
		color: #11757e;
		background-color: inherit;
		font-family: Georgia, "Times New Roman", serif;
	}


/******************************************************************************/
/* BODY                                                                       */
/******************************************************************************/
#body {
	width: 780px;
	margin: 0 auto;
	padding: 10px;
	background-color: #ffffff;/*page interieur*/
	color: #111;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
	#body a {
		color: #b26e07;
		background-color: inherit;
	}
	#body a:hover {
		color: #e29e37;
		background-color: inherit;
	}
	#body a[href] {
		background-image: url(../images/link_internal.gif);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: left;
		padding-left: 14px;
	}
	#body a[href]:visited {
		background-image: url(../images/link_visited.gif);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: left;
		padding-left: 14px;
	}
	/*#body a[href^="http:"] {
		background-image: url(images/link_external.gif);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: left;
		padding-left: 14px;
	}
	#body a[hreflang]:after {
		content: "\0000a0[" attr(hreflang) "]";
	}*/
	#body a.anchor {
		background-image: none;
		padding-left: 0;
	}
	#body a.anchor:visited {
		background-image: none;
		padding-left: 0;
	}
	/*TITRE*/
	#body h2 {
		margin: 0;
		font-size: 1.5em;
		color: #000000;
		background-color: #fff;
		font-family: Georgia, "Arial", serif;
		clear: left;
		border-bottom: solid 1px #000000;
	}
	#body h3 {
		margin: 1.5em 0 0 .7em;
		font-size: 1.3em;
		color: #878bb4;
		background-color: #fff;
		font-family: Georgia, "Arial", serif;
		clear: left;
		border-bottom: solid 1px #000000;
	}
	#body .level3 {
		margin-left: 1em;
	}
	#body h4 {
		margin: 1em 0 0 2em;
		font-size: 1em;
		color: #575b84;
		background-color: #fff;
		font-family: Georgia, "Arial", serif;
		border-bottom: solid 1px #575b84;
		clear: left;
	}
	#body .level4 {
		margin-left: 2em;
		list-style-position: inside;
	}
	#body kbd {
		background-color: #ffffc4;
		color: #000;
		border-color: #F8BB80 rgb(235, 146, 21) rgb(235, 146, 21) rgb(248, 187, 128);
		border-style: solid;
		border-width: 1px;
		padding: 0 5px;
		font-size: .9em;
		font-weight: bold;
		font-family: "Arial",Courier,monospace;
	}
	#body em {
		font-size: 1em;
	}
	#body strong {
		font-size: 1em;
	}
	#body code {
		font-size: 1em;
		font-family: "Arial",Courier,monospace;
		background-color: #ffffc4;
		color: #000;
		border: solid 1px #ccc;
		white-space: nowrap;
		padding: 1px 4px;
	}
	#body p {
		margin: .2em 0 .5em 0;
		clear: left;
		font-size: .9em;
	}
		#body p * {
			font-size: 1em;
		}
	#body input {
		font-size: .9em;
	}
	#body ul {
		list-style-image: url(../images/bullet_orange.png);
		list-style-position: outside;
		margin: .5em 0 .5em 14px;
		padding: 0;
	}
		#body ul li {
			font-size: .9em;
		}
		#body ul ul {
			margin-left: 2em;
		}
	#body ul.types {
		list-style: none;
	}
		#body ul.types li {
			float: left;
			margin: 0 20px 10px 20px;
		}
			#body ul.types li a {
				display: block;
				width: 90px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				white-space: nowrap;
				text-decoration: none;
				color: #2d2b40;
				font-weight: bold;
				background-color: #fa9231;
				background-image: url(../images/player_link.png) !important;
				background-repeat: no-repeat;
				background-position: top left !important;
				font-size: 14px;
				padding: 0 !important;
			}
			#body ul.types li a:hover {
				color: #2d2b40;
				background-color: #fddd66;
				background-image: url(../images/player_link_over.png) !important;
				background-repeat: no-repeat;
				background-position: top left;
			}
	
	#body table {
		border: solid 1px #999;
		border-collapse: collapse;
		margin-top: .5em;
		margin-bottom: .5em;
	}
		#body table tfoot {
			display: none;
		}
		#body table th {
			border: solid 1px #999;
			padding: 5px;
			text-align: left;
			background-color: #e6e6ff;
			color: #333;
			font-size: .9em;
		}
		#body table td {
			border: solid 1px #999;
			padding: 5px;
			background-color: #fff;
			color: #333;
			font-size: .9em;
			vertical-align: top;
		}
			#body table td * {
				font-size: 1em;
			}
		#body table td.name {
			text-align: right;
			font-weight: bold;
			font-family: "Arial",Courier,monospace;
		}
		#body table td.key {
			text-align: center;
			font-weight: bold;
		}
		
	#body pre.code {
		font-size: .9em;
		font-family: "Arial",Courier,monospace;
		background-color: #f5f5f5;
		color: #000;
		border: solid 2px #ccc;
		padding: 5px;
		overflow: auto;
	}
	
	#body .sitemap {
		list-style: none;
	}
#bodyfooter {
	clear: both;
	margin-bottom: 2em;
}

/******************************************************************************/
/* PLAYER                                                                     */
/******************************************************************************/
.player {
	margin-left: 230px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.playerpreview {
	margin-top: 12px;
	margin-bottom: 12px;
}

#playercontroller {
	background-color: #e9f6ff;
	color: #000;
	height: 20px;
	width: 200px;
	border: solid 1px #ccc;
	margin: 0 0 1em 0;
}
	#playercontroller .button {
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: 2px 2px;
		float: left;
	}
		#playercontroller .button a {
			display: block;
			height: 20px;
			text-indent: -100em;
			overflow: hidden;
			background-image: none;
		}
	#playercontroller .timeline {
		position: relative;
	}
		#playercontroller .timeline a {
			position: absolute;
			left: 40px;
			display: block;
			height: 20px;
			width: 40px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_slider.png);
		}
		#playercontroller .timeline a:visited {
			background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_slider.png);
		}
		#playercontroller .timeline a:hover {
			background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_slider_blue.png);
		}
	#playercontroller .play {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_play.png);
	}
	#playercontroller .play:hover {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_play_blue.png);
	}
	#playercontroller .pause {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_pause.png);
		display: none;
	}
	#playercontroller .pause:hover {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_pause_blue.png);
	}
	#playercontroller .stop {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_stop.png);
	}
	#playercontroller .stop:hover {
		background-image: url(http://www.dahane-tcd.com/generateur/style/images/control_stop_blue.png);
	}

/******************************************************************************/
/* GENERATOR                                                                  */
/******************************************************************************/
#player {
	margin: 10px 0;
}
#generator {
	border: solid 1px #000000;/*contour bloc generateur*/
	clear: both;
}
	#generator h3 {
		margin: 0;
		background-color: #bbbbbb;/*bloc generateur*/
		color: #fff;
		font-size: 1em;
		padding: 4px;
	}
	#generator select {
		font-size: .9em;
	}
		#generator select option {
			font-size: 1em;
		}
	#generator table {
		width: 100%;
		border: none;
		margin: 0;
	}
		#generator table thead {
			display: none;
		}
		#generator table tr {
			background-color: #fff;
			color: #333;
		}
		#generator table tr:hover {
			background-color: #d9d9d9;/*fond qui change*/
			color: #333;
		}
		#generator table td {
			border: none;
			background-color: inherit;
			color: inherit;
		}
		#generator table td.name {
			white-space: nowrap;
			vertical-align: middle;
		}
		#generator table td.actions {
			white-space: nowrap;
			vertical-align: middle;
			text-align: right;
		}
			#generator table td.actions a {
				background-image: none;
				padding: 0;
			}
		#generator table td.value {
			width: 100%;
		}
			#generator table td.value input.text {
				width: 100%;
			}
			#generator table td.value input.url {
				width: 100%;
			}
			#generator table td.value input.int {
				width: 5em;
			}
			#generator table td.value input.check {
				
			}
			#generator table td.value input.color {
				width: 8em;
			}
	/*#generator table.visible {
		display: table;
	}*/
	#generator table.hidden {
		display: none;
	}

.generator_output {
	border: solid 1px #bbbbbb;
	margin-top: 10px;
}
	.generator_output h3 {
		margin: 0 !important;
		background-color: #bbbbbb !important;/*fond bloc code*/
		color: #fff !important;
		font-size: 1em !important;
		padding: 4px !important;
	}
	.generator_output textarea {
		padding: 5px;
		font-size: .9em;
		font-family: "Arial",Courier,monospace;
		height: 6em;
		width: 768px;
		border: none;
	}
.tooltip {
	background-color: #ffd;
	color: #3a638f;
	border: solid 2px #6a93bf;
	padding: 4px;
	display: block;
	position: absolute;
	width: 400px;
}
	.tooltip code {
		font-weight: bold;
	}
.tooltip_arrow {
	position: absolute;
	right: 5px;
	bottom: -11px;
}
.colorpicker {
	background-color: #ffd;
	color: #3a638f;
	border: solid 2px #6a93bf;
	padding: 4px;
	display: block;
	position: absolute;
}
.colorpicker_arrow {
	position: absolute;
	right: 5px;
	bottom: -11px;
}