/* IMPORTATION */

@import url("slimbox.css");
@import url("jd.gallery.css");
@import url("slide.css");
@import url("acc.css");

/* STRUCTURE */

a{outline: none;}
:focus{-moz-outline-style: none;}

body {                 
	background-repeat: repeat-x;                 
	background-image: url(images/background.png);
	text-align:center;
	background-attachment : fixed;
	color: #5e5e5e;
	background-color: black;
	font: .8em/1.5em Arial, Verdana,  sans-serif;
	margin: 0 auto;
	padding : 0 auto;
	bottom: 0;
}
#logobackground {                 
	background-position: 0 400px;                 
	padding-top: 200px;                 
	padding-left: auto;                 
	padding-bottom: 0;                 
	padding-right: auto;                 
	margin-left: auto;                 
	margin-bottom: 0;                 
	margin-right: auto;                 
	margin-top: -400px;                 
	background-repeat: no-repeat;                 
	background-image: url(images/logo.png);
	text-align:center;
	height: 400px;
	/*background-attachment : fixed;*/
	bottom: 0;
}
#sidebar {
	margin-left: 19px;
	float: right;
	width: 366px;
}
#cadreprincipal {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}
#cadreprincipal2 {
	width: 1000px;
	background-color: white;
	text-align: left;
}
#footer {
	font-size: 12px;
	color: #e1e1e1;
	position: relative;
	clear: both;
	height: 116px;
	width: 1000px;
	background-color: #888396;
}

#contenu {
	margin-top: 32px;
	width: 1000px;
}

/* menu */
#menuprincipal {
	background-position: left top;
	background-image: url(images/cadremenu.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 65px;
}


#menuprincipal #menu {
	position: absolute;
	margin-left: 30px;
	height: 45px;
	padding-top: 10px;
}

#menuprincipal #menu ul {
	height: 45px;
	position: absolute;
	list-style-type: none;
	display: inline;
	text-align: center;	
	width: 500px;
}
#menuprincipal #menu ul li a { 
	color: #FFFFFF; 
	display: block; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;  
	line-height: 30px; 
	text-decoration: none; 
	text-indent: -5000px;
}
#menuprincipal #menu ul li { 
	float: left; 
}
#menuprincipal #menu ul, #menuprincipal #menu li {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

#menuprincipal #menu ul li.accueil a {
	background: transparent url(images/boutonsmenu_bleu.png) no-repeat;
	width: 145px;
	height: 45px;
}

#menuprincipal #menu ul li.forum a {
	background: transparent url(images/boutonsmenu_bleu.png) no-repeat -172px;
	margin-left: 28px;
	width: 144px;
	height: 45px;
}

#menuprincipal #menu ul li.contact a {
	background: transparent url(images/boutonsmenu_bleu.png) no-repeat -347px;
	margin-left: 30px;
	width: 145px;
	height: 45px;
}

#menuprincipal #menu ul li.accueil a:hover, #menuprincipal #menu ul li.accueil a.current {
	background: transparent url(images/boutonsmenu_violet.png) no-repeat;
}

#menuprincipal #menu ul li.forum a:hover{
	background: transparent url(images/boutonsmenu_violet.png) no-repeat -172px;
}

#menuprincipal #menu ul li.contact a:hover, #menuprincipal #menu ul li.contact a.current{
	background: transparent url(images/boutonsmenu_violet.png) no-repeat -347px;
}


#menuprincipal #pubmenu {
	position: relative;
	float: right;
	top: 2px;
	height: 60px;
	width: 430px;
	background-image: url(http://empreintes-digitales.fr/medias/pubs/pub1.jpg);
	background-repeat: no-repeat;
	right: 2px;
}

/* Login */

#login a, #login a:hover, #login a:visited, #loginok a, #loginok a:hover, #loginok a:visited{
	text-decoration: none;
	color: white;
}

#login {
	width: 1000px;
	height: 40px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/bglogin.jpg);
}

#loginok {
	width: 1000px;
	height: 40px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/loginok.png);
}

#loginok p {
	font-size: 18px;
	color: white;
	border: none;
	position: absolute;
	margin-left: 32px;
	height: 20px;
	margin-top: 10px;
}


#login .caselogin {
	border: none;
	position: absolute;
	margin-left: 95px;
	height: 20px;
	margin-top: 8px;
	width: 133px;
}
#login .casepass {
	border: none;
	position: absolute;
	height: 19px;
	margin-left: 387px;
	margin-top: 8px;
	width: 134px;
}

#login .submit{
     position: absolute;
     border:none;
     background: url(images/bgsubmitlogin.png) no-repeat top left;
     width:40px;
     height: 23px;
     margin-left: 537px;
     margin-top: 8px;
}

#recherche {
	margin-top: 4px;
	width: 255px;
	height: 26px;
	margin-left: 780px;
}

#recherche .textrecherche {
	border: none;
	position: absolute;
	height: 21px;
	width: 160px;
}

#recherche .submit{
	margin-top: 0px;
     position: absolute;
     border:none;
     background: url(images/bgsubmitlogin.png) no-repeat top left;
     width:40px;
     height: 23px;
     margin-left: 170px;
}

#login #icones, #loginok #icones {
	margin-left: 595px;
	padding-top: 4px;
}

#login #icones ul, #loginok #icones ul {
	position: absolute;
	list-style-type: none;
	display: inline;
	text-align: center;	
	width: 305px;
}
#login #icones ul li a, #loginok #icones ul li a { 
	color: #FFFFFF; 
	display: block; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;  
	line-height: 30px; 
	text-decoration: none; 
	text-indent: -5000px;
}
#login #icones ul li, #loginok #icones ul li { 
	float: left; 
}
#login #icones ul, #login #icones li, #loginok #icones ul, #loginok #icones li {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

#icones ul li.facebook a {
	background: transparent url(images/logos.png) no-repeat 0px;
	width: 27px;
}

#icones ul li.hypem a{
	background: transparent url(images/logos.png) no-repeat -46px;
	margin-left: 20px;
	width: 33px;
}

#icones ul li.myspace a{
	background: transparent url(images/logos.png) no-repeat -99px;
	margin-left: 20px;
	padding-top: 2px;
	width: 27px;
}

#icones ul li.rss a{
	background: transparent url(images/logos.png) no-repeat -144px;
	margin-left: 18px;
	width: 30px;
}

#icones ul li.facebook a:hover {
	background: transparent url(images/logoson.png) no-repeat 0px;
}

#icones ul li.hypem a:hover{
	background: transparent url(images/logoson.png) no-repeat -46px;
}

#icones ul li.myspace a:hover{
	background: transparent url(images/logoson.png) no-repeat -99px;
}

#icones ul li.rss a:hover{
	background: transparent url(images/logoson.png) no-repeat -144px;

}


/* SIDEBAR */

#case1
{
	margin-bottom: 32px;
	background-color: #c9c2dd;
	height: 200px;
	width: 335px;
}
#sidebar .slide-nav { 
	height: 35px;
}
#sidebar .slide-nav ul { 
	margin-left:0; 
	padding-left:0; 
}
#sidebar .slide-nav ul li { 
	height: 35px; 
	display:inline;
	margin:0; 
	float: left;
	text-indent: -5000px;
}

#case1 .slide-nav li.com a,#case1 .slide-nav li.com a:link,#case1 .slide-nav li.com a:active,#case1 .slide-nav li.com a:visited,#case1 .slide-nav li.com a:hover { 
	display: block;
	width: 168px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/commentaireincatif.png); 
		
}

#case1.slide-nav li.postforum a,#case1 .slide-nav li.postforum a:link,#case1 .slide-nav li.postforum a:active,#case1 .slide-nav li.postforum a:visited,#case1 .slide-nav li.postforum a:hover { 
	background-position: -167px; 
	display: block;
	width: 167px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/commentaireincatif.png); 
		
}
#case1 .slide-nav li.postforum a.active { 
	background-position: -167px; 
	display: block;
	width: 167px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/commentaireactive.png); 
}
#case1 .slide-nav li.com a.active { 
	display: block;
	width: 168px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/commentaireactive.png); 
}
#case1 .slide-container {
	height: 271px;
}

#case1 .slide-container ul { 
	line-height: 14px; 
	font-size: 10px; 
	list-style-type: none;
}
#case1 .slide-container li { 
	list-style-image: url(images/comsidebar.png);
}
#case1 .slide-container li a{ 
	text-decoration: none;
	color: #4f4f4f;
}

#case2
{
	margin-bottom: 32px;
	background-color: #c9c2dd;
	height: 215px;
	width: 335px;
}
#case2 .titre2
{	
	width: 335px;	
	height: 35px;
	background-image: url(images/titrecadrepodcast.png);
}

#case2 .podcast
{	
	margin-top: 13px;
	margin-left: 17px;
}
#case2 img
{	
	margin-right: 8px;	
	float: left;
	border:none;	
}

#case2 p
{	
	line-height: 12px;	
	word-wrap: break-word;	
	text-align: justify;	
	font-size: 11px;	
}
#case2 h4, #case2 h4 a:hover, #case2 h4 a:visited, #case2 h4 a
{	
	text-decoration: none;
	color: #292929;	
	margin-bottom: 0px;	
	font-size: 13px;	
}

#case2 .contenupodcast
{	
	color: #5b5b5b;	
	margin-right: 13px;	
}

#case2 p a, #case2 p a:hover, #case2 p a:visited{
	text-decoration: none;
	color: #5b5b5b;
}

#case3
{
	margin-bottom: 32px;
	background-color: #c9c2dd;
	height: 253px;
	width: 335px;
}

#case3 .slide-nav li.der a,#case3 .slide-nav li.der a:link,#case3 .slide-nav li.der a:active,#case3 .slide-nav li.der a:visited,#case3 .slide-nav li.der a:hover { 
	display: block;
	width: 168px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/musiqueintatif.png); 
		
}

#case3.slide-nav li.top a,#case3 .slide-nav li.top a:link,#case3 .slide-nav li.top a:active,#case3 .slide-nav li.top a:visited,#case3 .slide-nav li.top a:hover { 
	background-position: -167px; 
	display: block;
	width: 167px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/musiqueintatif.png); 
		
}
#case3 .slide-nav li.top a.active { 
	background-position: -167px; 
	display: block;
	width: 167px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/musiqueactif.png); 
}
#case3 .slide-nav li.der a.active { 
	display: block;
	width: 168px;
	height: 35px;		
	background-repeat: no-repeat; 		
	background-image: url(images/musiqueactif.png); 
}

#case3 .slide-container {
	height: 204px;
}

#case3 .slide-container ul { 
	line-height: 14px; 
	font-size: 10px; 
	list-style-type: none;
}
#case3 .slide-container li { 
	list-style-image: url(images/playsidebar.png);
}

#case3 .slide-container li a{ 
	text-decoration: none;
	color: #4f4f4f;
}

#case4
{
	background-color: #c9c2dd;
	width: 335px;
}
#case4 .titre4
{	
	width: 335px;	
	height: 35px;
	background-image: url(images/titrecadresoiree.png);
}

#case4 .affiche
{	
	padding-left: 10px;	
	padding-top: 10px;	
	padding-bottom: 6px;
	width: 335px;
}

#case4 a
{	
	color: #c9c2dd;
	border-style: none;	
	text-decoration: none;	
}

#caseadmin
{
	background-color: #c9c2dd;
	width: 335px;
	height: 80px;
}
#caseadmin .titreadmin
{	
	width: 335px;	
	height: 35px;
	background-image: url(images/casadmin.png);
}

#caseadmin .admin ul { 
	line-height: 14px; 
	font-size: 10px; 
}
#caseadmin .admin li a{ 
	text-decoration: none;
	color: #4f4f4f;
}

#casepub
{
	/*background-color: #c9c2dd;*/
	width: 335px;
	height: 250px;
}

#casepub .titreadmin
{	
	width: 335px;	
	height: 35px;
	background-image: url(images/casadmin.png);
}

#casepub .admin
{	
	margin-left: 17px;
	margin-top: 17px;
}

/* GRILLE PRINCIPALE */

#content {
	min-height: 1580px;
	margin-top: 12px;
	float: left;
	margin-left: 30px;
	margin-right: 19px;
	width: 566px;
}
#cadreintro {
	height: 297px;
	width: 566px;
}

#cadreintroplus {
	float: left;
	height: 297px;
	width: 283px;
}

#cadreintroplus a, #cadreintroplus a:hover, #cadreintroplus a:visited{
	text-decoration: none;
	color: #383838;
}

#anepasrater {
	float: right;
	height: 297px;
	width: 283px;
	background-repeat: no-repeat;
	background-image: url(images/anepasrater.png);
}

#cadreintroplus .photo {
	border:none;
	padding: 15px;
	background-repeat: no-repeat;
	background-image: url(images/ombrecadrephotoprinc.png);
}

#cadreintroplus h1 {
	width: 250px;
	margin-left: 15px;
	font-size: 18px;
}
#cadreintroplus p {
	line-height: 12px;
	font-size: 11px;
	text-align: justify;
	margin-left: 15px;
	width: 250px;
}

.introinterview {
	margin-top: 46px;
	margin-left: 16px;
	height: 92px;
	width: 251px;

}

.introinterview img{

	border-color: #3d3d3d;

	border-style: solid;

	border-width: 1px;

}

.introinterview .ombreintro {
	margin-left: 1px;
	margin-top: 53px;
	position: absolute;
	background-color: black;
	width: 251px;
	height: 40px;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}

.introinterview .ombreintro h3{
	padding-left: 13px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}

.introanepasrater {
	margin-left: 16px;
	margin-top: 49px;
	height: 92px;
	width: 251px;

}

#soirees {
	height: 150px;
	margin-top: 13px;
}
#soirees  a, #soirees  a:hover, #soirees a:visited{ 
	color: white; 
	text-decoration: none; 
}

.barsup {
	margin-left: 7px;
	background-image: url(images/barsup.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 566px;
}
.barinf {
	float: right;
	margin-left: 7px;
	background-image: url(images/barinf.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 566px;
}
.slide {
	height: 121px;
	width: 566px;
}
#articles {
}
.pagin {
	margin-top: 3px;
	color: #a5a5a5;
	padding-top: 10px;
	font-size: 14px;
	border-color: #8b8b8b;
	border-style: dashed;
	border-width: 1px;
	height: 26px;
	width: 566px;
	margin-bottom: 30px;
}

.pagin .prec a, .pagin .prec a:hover, .pagin .prec a:visited{
	color: #4d4d4d;
	text-decoration: none;
}

.pagin .suiv a, .pagin .suiv a:hover, .pagin .suiv a:visited{
	color: #a5a5a5;
	text-decoration: none;
}

.pagin .prec {
	margin-left: 10px;
	float: left;
}

.pagin .suiv {
	margin-right: 10px;
	float: right;
}
.post{
	font-size: 9px;
	margin-bottom: 15px;
	width: 566px;
	height: 181px;
	font-size:1em;
	line-height:1.6em;
}
.post .postimage{
	height: 171px;
	width: 250px;
	margin-right: 10px;
	border-width: 5px;
	border-color: #cecece;
	border-style: solid;
	float: left;
}
.post .postimage img{
	border :none;
}
.post .new{
	height: 34px;
	width: 44px;
	background-repeat: no-repeat;
	background-image: url(images/new.png);
	margin-left: 0px;
	margin-top: 0px;
	display: block;
	position: absolute;
}
.post h5{ 
	margin-left: 0; 
	margin-bottom: 0em; 
	margin-right: 0; 
	line-height: 0.00;
	font: 17px/1.00 Helvetica, Verdana, sans-serif;
}
.post h5 a {
	color: #393939;
	text-decoration: none;
}
.post .autor{ 
	display: inline; 
	color: #7f7165;
	font-size: 0.8em;
}
.post .datum{
	margin-left: 70px; 
	background:url(images/date.png) no-repeat;
	color:#7f7165;
	display:inline;
	font-size: 0.7em;
	padding-left: 12px;
}
.post .reacties{ 
	background-position: 0 2px; 
	background-repeat: no-repeat; 
	background-image: url(images/com.png); 
	width: 19px; 
	display:inline;
	float:right;
	font-size: 0.7em;
	text-align:right;
}
.post .reacties a, #post .reacties a:hover, #post .reacties a:visited{ 
	color: white; 
	text-decoration: none; 
	padding-right: 7px; 
	width: 19px;
}
.post .lirelasuite {
	float: right;
	text-decoration: none;
}
.post .lirelasuite a{
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(images/lirelasuite.png);
	width: 113px;
	height: 29px;
	text-indent: -5000px;
}
.post p {
	text-align: justify;
	max-height: 90px;
}

/* PLAYER BANDE */

#playerbande {
	background:#000 url(images/bg-player.png) 0 0 repeat-x;
	text-align :left;
	position: fixed;
	bottom: 0;
	height: 32px;
	left: 0;
	width:100%;
	z-index:1500;
}
#player2 {
	padding-bottom:20px;
}

#playerbande  span img{
padding-top:3px;

}

#playerbande span {
color:#ccc;
font:400 15px Arial, Helvetica, sans-serif;
line-height:27px;
padding-top: 2px;
padding-left:20px;
padding-right:20px;
height:34px;
display:inline-block;
border-left:1px solid #252525;
vertical-align:top;
position:relative;
letter-spacing:-1px;
}

/* MODULE LECTEUR ARTICLE */

h6{
	font-family: Helvetica, Verdana, sans-serif;
	margin-top: 5px;
	font-size: 15px;
	margin-bottom: 10px;
}
.moduleaudio .musique .titre {
	float: left;
	width: 496px;
}

.moduleaudio img {
	border:none;
}


.moduleaudio .musique .ecoute {
	margin-top: 15px;
	float: right;
	width: 70px;
}

.moduleaudio {
	float: none;
	width: 566px;
}

.musique {
	width: 566px;
}

/* article */

.datum2{
	background:url(images/datum.png) no-repeat center left;
	color:#7f7165;
	display:inline;
	float:left;
	font-size:.9em;
	padding-left:20px;
}

.lecture{display:inline;float:right;font-size:.9em;text-align:right}
.auteur{display:inline;float:right;font-size:.9em;text-align:right}
.auteur a{background:url(images/download.png) no-repeat center right;padding-right:17px}
.tags{background:url(images/tags.png) no-repeat center left;color:#7f7165;display:inline;float:left;font-size:.9em;padding-left:20px}

.imagearticle img{
	border:none;
}

.textarticle {
	text-align: justify;
}

.textarticle a, .textarticle a:hover, .textarticle a:visited{
	text-decoration: none;
	color: #1f3dad;
	text-align: justify;
}

.imagegal {
	margin: 2px;
	padding: 3px;
	border-color: #9f9f9f;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	height:100px;
}

/* module plus */

.partagertitre{ 
	padding-top: 10px; 
	float: left; 
	text-indent: -5000px;
	background-position: -340px;  
	height: 35px; 
	width: 168px;
	background-repeat: no-repeat; 		
	background-image: url(images/articleplusok.png); 
}

.iconespartage {
	float: right;
}
.iconespartage img{
	border:none;
}

.similairestitre{ 
	text-indent: -5000px;
	background-position: -167px; 
	clear: both;  
	height: 35px; 
	width: 168px;
	background-repeat: no-repeat; 		
	background-image: url(images/articleplusok.png); 
}

#similaire {
	height: 130px;
	margin-top: 13px;
	margin-left:30px;
}
#similaire  a, #similaire  a:hover, #similaire a:visited{ 
	color: white; 
	text-decoration: none; 
}

.commentairetitre{ 
	text-indent: -5000px;
	background-position: -5px; 
	clear: both;  
	height: 35px; 
	width: 168px;
	background-repeat: no-repeat; 		
	background-image: url(images/articleplusok.png); 
}


/* commentaires */

#commentaires {
	padding-top: 10px;
	clear: both;
	width: 566px;
}

.commentaire {
	padding-top: 10px;
	clear: both;
	width: 566px;
}

.commentaire .titre {
	float: right;
	width: 496px;
}
.commentaire .avatar .commentdate {
	font-size: 9px;
}

.commentaire .avatar {
	float: left;
	width: 70px;
}

.ajoutercom {
	height: 100%;
	clear: both;
	width: 566px;
}

.ajoutercom .formcol1 {
	width: 283px;
	float: left;
	
}

.ajoutercom .formcol1 input{
	border-color: #949494;
	border-style: solid;
	border-width: 1px;
	width: 220px;
	height: 25px;
}

.ajoutercom .formcol1 .inputt{
	padding-left: 10px;
	padding-top: 6px;
	border-color: #949494;
	border-style: solid;
	border-width: 1px;
	width: 220px;
	height: 25px;
}

.ajoutercom .formcol1 .captcha{
	margin-right: 57px;
	float: right;
	width: 100px;
	height: 25px;
}

.ajoutercom .formcol2{
	width: 283px;
	float: right;
}

.ajoutercom .formcol2 textarea{
	width: 260px;
	height: 129px;
}

.ajoutercom .formcol2 .submit{
     margin-left: 65px;
     position: absolute;
     border:none;
     background: url(images/bgsubmitlogin.png) no-repeat top left;
     width:40px;
     height: 23px;
}

/* Ajouter contact */

.ajoutercontact {
	clear: both;
	width: 566px;
}

.ajoutercontact .formcol1 {
	width: 283px;
	float: left;
	
}

.ajoutercontact input{
	border-color: #949494;
	border-style: solid;
	border-width: 1px;
	width: 220px;
	height: 25px;
}

.ajoutercontact .inputt{
	padding-left: 10px;
	padding-top: 6px;
	border-color: #949494;
	border-style: solid;
	border-width: 1px;
	width: 220px;
	height: 25px;
}

.ajoutercontact .formcol1 .captcha{
	margin-right: 57px;
	float: right;
	width: 100px;
	height: 25px;
}

.ajoutercontact .formcol2{
	width: 283px;
	float: right;
}

.ajoutercontact textarea{
	width: 505px;
	height: 230px;
}


.ajoutercontact .formcol1 .submit{
     margin-left: 15px;
     position: absolute;
     border:none;
     background: url(images/bgsubmitlogin.png) no-repeat top left;
     width:40px;
     height: 23px;
}
#vote  {
	margin-top: 20px;
}

#vote #etoile.t5 {
	background-repeat: no-repeat;
	background-image: url(images/5.png);
}

#vote #etoile.t4 {
	background-repeat: no-repeat;
	background-image: url(images/4.png);
}

#vote #etoile.t3 {
	background-repeat: no-repeat;
	background-image: url(images/3.png);
}

#vote #etoile.t2 {
	background-repeat: no-repeat;
	background-image: url(images/2.png);
}

#vote #etoile.t1 {
	background-repeat: no-repeat;
	background-image: url(images/1.png);
}

#vote #etoile.t0 {
	background-repeat: no-repeat;
	background-image: url(images/0.png);
}

#vote #etoile span  {
	padding-top: 7px;
	display: inline-block;
	height: 30px;
	width: 30px;
}

#vote #etoile span a {
	color: #4a4a4a;
	text-decoration: none;
	padding-left: 12px;
}

/* FOOTER */

#footer a, #footer a:hover, #footer a:visited {
	text-decoration: none;
	color: #593f5f;
}

#footer #disclamer {
	padding-left: 32px;
	float: left;
	width: 200px;
}

#footer #credit {
	line-height: 8px;
	text-align: right;
	width: 500px;
	padding-right: 32px;
	float: right;
}

#compildiv {

	margin-left: 0px;

	height: 500px;

	display: inline;

	float: left;

	width: 500px;

	word-wrap: break-word;

}

#playerdiv {

	margin-left: 10px;

	margin-right: 10px;

	height: 500px;

	width: 400px;

	float: right;

	word-wrap: break-word;

}