/* BLOCKS, FLOATS */

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	float:none;
	clear:both;
}

.clearOne {
	float:none;
	clear:both;
	height:1px;
	padding:1px;
}

.center {
	margin:0px auto;
}

.block {
	display:block;
}

.dual {
	float:left;
	width:50%;
}

.relative {
	position:relative;
}

/* MISC */

.pointer {
	cursor:pointer;
}

.strong {
	font-weight:bold !important;
}


/*
td,th,blockquote,p,textarea,input,fieldset,form,pre,h6,h5,h4,h3,h2,h1,li,ol,ul,dd,dt,dl,div,body{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}img,fieldset,acronym,abbr{border:0}.left,.dual{float:left}.right{float:right}.clear,.clearOne{float:none;clear:both}.clearOne{height:1px;padding:1px}.center{margin:0 auto}.block{display:block}.dual{width:50%}.relative{position:relative}.pointer{cursor:pointer}.strong{font-weight:bold !important}


body {
	font-family:Tahoma,serif;
	font-size:12px;
	color:#5B5B5B;
	background:url(../img/bg.png);
}


input, textarea, option, select {
	color:#67686C;
}


#divPlayers a {
	color:#698B2A;
	outline:0;
	text-decoration:none;
}

*/

#divPlayers p {
	margin-top:10px;
	margin-bottom:10px;
}

.slate {
	color:#868686 !important;
}

.orange {
	color:#FF8436 !important;
}

.cc {
	margin:15px 20px;
}

.mv10 {
	margin-top:10px;
	margin-bottom:10px;
}

.mv20 {
	margin-top:20px;
	margin-bottom:20px;
}

.ml50 {
	margin-left:50px;
}

.blh {
	line-height:150%;
}

div#container {
	width:766px;
	margin:0 auto;
}

div.listBox {
	width:780px;
	padding:10px;
	border:solid 1px #006600;
	margin:20px auto;
}

div.listBox div.left {
	width:330px;
	padding-top:10px;
}

div.listBox div.right {
	width:440px;
}


div.listBoxBig div.left {
	width:548px;
	float:none;
	margin:0 auto;
	padding-top:0;
}

div.listBoxBig div.right {
	width:548px;
	float:none;
	margin:0 auto;
}

div.listBoxBig .scriptBox,
div.listBoxBig .scriptBoxBottom {
	margin-left:auto;
	margin-right:auto;
}

div.listBoxBig p.copy {
	float:none;
	margin-left:365px;
}

div.listBoxBig p.blh {
	text-align:justify;
}

p.mediaPlayer {
	background:url(../img/ico-media-player.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.id {
	background:url(../img/ico-id.png) left top no-repeat;
	padding:2px 0 3px 25px;	
	margin:10px 0;
}

div.scriptBox {
	background:url(../img/script-box-top.png) left top no-repeat;
	padding:6px 10px 0;	
	width:405px;
	margin-top:10px;
	font-size:11px;
}

div.scriptBoxBottom {
	background:url(../img/script-box-bottom.png) left top no-repeat;
	padding:0 10px;	
	width:405px;
	height:8px;
}

p.copy {
	background:url(../img/ico-copy.png) left top no-repeat;
	padding:2px 0 3px 25px;	
	margin:10px 0;
	width:100px;
	float:right;
}

p.copy2 {
	background:url(../img/ico-copy.png) left top no-repeat;
	padding:2px 0 3px 25px;	
	margin:10px 0;
	width:165px;
	float:right;
}

div.generer {
	width:580px;
	border:solid 1px #006600;
	margin:0 auto 20px !important;
}

div.generer div.top {
	background:#006600;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:4px 0;
	font-size:14px;
}

div.generer div.main {
	background:url(../img/generer-bg.png) left top repeat-x;
}

div.generer table {
	border-spacing:0;
	width:100%;
}

div.generer table tr td:first-child {
	padding-left:25px;
	width:170px;
}

div.generer table tr:first-child td {
	padding-top:10px;
	border-top:none;
}

div.generer table td {
	border-top:dotted 1px #ccc;
	padding-bottom:5px;
}

div.generer table p {
	width:180px;
}

div.generer input.genererSubmit {
	margin:9px 0 11px;
}

div.generer table td {
	padding:0 ;
}

div.generer table td p {
	margin:5px 0;
}

div.generer table select {
	width:200px;
	margin-left:2px;
}

p.categorie {
	background:url(../img/ico-categorie.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.popunder {
	background:url(../img/ico-popunder.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.numeroClip {
	background:url(../img/ico-numero-clip.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.type {
	background:url(../img/ico-type.png) left center no-repeat;
	padding:4px 0 5px 25px;
}

p.qualite {
	background:url(../img/ico-qualite.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.taille {
	background:url(../img/ico-taille.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

p.marqueBlanche {
	background:url(../img/ico-marque-blanche.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

input.genererSubmit {
	width:140px;
	height:40px;
	cursor:pointer;
	background:url(../img/btn-generer.png) left top no-repeat;
	border:none;
}

input.validerSubmit {
	width:140px;
	height:40px;
	cursor:pointer;
	background:url(../img/btn-valider.png) left top no-repeat;
	border:none;
}

div.bandeau {
	background:url(../img/bandeau-exemple-gener.png) left top repeat-x;
	height:30px;
	padding-top:6px;
	padding-left:15px;
}

div.bandeau div.ex1,
div.bandeau div.ex2 {
	cursor:pointer;
}

div.bandeau div.left {
	margin-right:10px;
	padding:3px 8px;
}

div.bandeau div.active {
	background-color:white;
	-moz-border-radius:5px;
}

div.exemples {
	padding:30px 15px;
}

div.exemples div.wendiseplayer {
	margin:0 !important;
}

div#header div.top {
	height:30px;
	padding:15px 0 20px 40px;
	background:url(../img/header-ico-rss.png) left 20px no-repeat;
	font-size:30px;
	font-weight:bold;
	color:#006600;
}

div#tabs {
	border-bottom:solid 6px #7EB353;
	border-left: solid 1px #C4F999;
	
}

div#tabs a {
	padding:3px 20px 0 35px;
	font-size:22px;
	font-weight:bold;
	display:block;
	color:black;
	float:left;
	background:url(../img/menu-bg.png) left top no-repeat;
	font-family:Myriad,"Myriad Pro",sans-serif;
	height:32px;
	border-right: solid 1px #C4F999;
	border-top: solid 1px #C4F999;
}

div#tabs a.active {
	background:url(../img/menu-bg-a.png) left top no-repeat;
	color:white;
}

div#tabs a.doc {
	background:url(../img/menu-doc.png) left top no-repeat;
}

div#tabs a.docActive {
	background:url(../img/menu-doc-a.png) left top no-repeat;
	color:white;
}

div#content {
	border-left:solid 1px #7EB353;
	border-right:solid 1px #7EB353;
	border-bottom:solid 1px #7EB353;
	padding:20px 10px;
}

p.info {
	background:url(../img/ico-info.png) left top no-repeat;
	padding:2px 0 3px 25px;	
	margin:10px 0;
}

p.reload {
	background:url(../img/ico-reload.png) left top no-repeat;
	padding:2px 0 3px 25px;	
	margin:10px 0;
}

p.iso {
	background:url(../img/ico-iso.png) left 2px no-repeat;
	padding:2px 0 3px 35px;	
	margin:10px 0;
}

p.utf {
	background:url(../img/ico-utf.png) left 2px no-repeat;
	padding:2px 0 3px 35px;	
	margin:10px 0;
}

div.hr {
	width:630px;
	height:1px;
	border-bottom:dotted 1px #ccc;
	margin:10px 0;
}

div#footer {
	padding:25px 0 !important;
}

div#footer a.doc {
	background:url(../img/ico-doc.png) left 2px no-repeat;
	padding:10px 0 20px 55px;	
	height:47px;
	font-size:22px;
	text-decoration:underline;
}

div.codeRSS {
	width:695px;
	height:390px;
	background:url(../img/code-rss-gradient.png) left top no-repeat;
	margin:20px auto;
	overflow:auto;
}

div.codeRSS div {
	width:665px;
	height:360px;
	margin:15px auto;
	overflow:auto;
	font-size:11px;
}

div.gradientTop {
	background:url(../img/script-box-top.png) left top no-repeat;
	padding:10px 10px 0;	
	width:405px;
	font-size:11px;
}

div.gradientBottom {
	background:url(../img/script-box-bottom.png) left top repeat-x;
	height:8px;	
	width:425px;
}

#divPlayers h3 {
	font-size:23px;
	color:#006600;
}

p.soft {
	background:url(../img/ico-soft.png) left 2px no-repeat;
	padding:2px 0 3px 75px;	
	margin:10px 0;
}

p.hard {
	background:url(../img/ico-hard.png) left 2px no-repeat;
	padding:2px 0 3px 75px;	
	margin:10px 0;
}

div.clips {
	width:665px;
	border:solid 1px #006600;
	margin:0 auto 30px;
}

div.clips div.top {
	background:#006600;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:4px 0;
	font-size:14px;
	border-bottom:solid 1px #F2F2F2;
}

div.clips div.sub {
	background:#F2F2F2;
	color:black;
	text-align:center;
	padding:4px 20px;
	font-size:14px;
	border-bottom:solid 1px #0E6E0E;
}

div.clips div.sub div.left a {
	text-decoration:underline;
}

div.clips div.main {
	padding:10px;
	background:url(../img/gener-gradient.png) left top repeat-x;
}

div.sstabs {
	border-bottom:solid 6px #7EB353;
	border-left: solid 1px #C4F999;
	
}

div.sstabs a {
	padding:3px 20px 0 35px;
	font-size:22px;
	font-weight:bold;
	display:block;
	color:black;
	float:left;
	background:url(../img/ssmenu-bg.png) left top no-repeat;
	font-family:Myriad,"Myriad Pro",sans-serif;
	height:32px;
	border-right: solid 1px #C4F999;
	border-top: solid 1px #C4F999;
}

div.sstabs a.active {
	background:url(../img/ssmenu-bg-a.png) left top no-repeat;
	color:white;
}

div.listClips {
	border: solid 1px #7EB353;
	border-top:none;
}

div.clips div.sub div.left a {
	text-decoration:underline;
}

div.listBox p.mediaPlayer {
	font-weight:bold;
	color:#006600;
}

div.listBox p.blh {
	color:#5B5B5B;
}

div.listBox p.id {
	font-weight:bold;
}



div.plugin {
	width:580px;
	border:solid 1px #006600;
	margin:0 auto 20px;
}

div.plugin div.top {
	background:#006600;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:4px 0;
	font-size:14px;
}

div.plugin div.main {
	padding:15px 30px 5px;
	background:url(../img/gener-gradient.png) left top repeat-x;
}

p.green {
	background:url(../img/ico-green.png) left top no-repeat;
	padding:2px 0 3px 25px;
}

a.btnDlPlugin {
	display:block;
	margin:5px auto 20px;
	width:450px;
	height:60px;
	background:url(../img/btn-dl-plugin.png) left top no-repeat;
	outline:none;
	text-indent:-9000px;
}

div.plugin div.bandeau {
	padding-top:10px;
	font-weight:bold;
	padding-left:30px;
}

div.plugin div.doc {
	padding:15px 30px;
}