body {
		margin:0;
		padding:0;
		text-align:center;
		background:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}
.__acces { display:none; }
.blur { 
filter: blur(3px); }
	.abolink
		{
		padding:5px 12px;
		font-weight:bold;
		font-size:20px;
		}
	.abolink:hover
		{
		color:#CC0000;
		}
	#barre {
		line-height:32px;
	}
	#barre,#barre a {
		font-family:Arial, Helvetica, sans-serif;
		color:#DDDDDD;
		font-size:12px;
	}
	#barre input {
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:11px;
	}
	#barrecontent {
		padding:0;
		margin:auto;
		text-align:left;
		width:980px;
	}
	#barrecontent strong {
		font-weight:normal;
		color:#FFFF00;
	}
	#barrecontent .pseudo {
		border:solid 1px #666666;
		background:#333333;
		font-weight:bold;
		color:#FFFFFF;
	}
	#barrecontent #pseudo{
		display:inline;
	}
	#barrecontent #editpseudo {
		display:none;
	}
	#page {
		padding:0;
		margin:auto;
		text-align:center;
		width:980px;
	}
	#header {
		background:url(/videos/header.jpg?);
		margin:0;
		padding:0;
		height:134px;
	}
	#content {
		background:#FFFFFF;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		min-height:1500px;
	}
	#sidebar {
		float:left;
		margin:5px;
		min-height:1000px;
		width:200px;
		
	}
	.side {
		width:200px;
		float:left;
		background:#222222;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#FFFFFF;
		margin-bottom:10px;
	}
	.login {
		width:200px;
		float:left;
		background:#FFFFFF;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#333333;
		margin-top:50px;
	}
	#sidebar h2 {
		font-size:22px;
		font-weight:bold;
		letter-spacing:-1px;
		padding:5px;
		margin:auto;
	}
	#sidebar h2 a {
		color:#000000;
		text-decoration:none;
	}
	#sidebar h4,#sidebar h4 a {
		font-size:18px;
		font-weight:bold;
		letter-spacing:-1px;
		padding:5px;
		margin:auto;
		color:#FFFF00;
	}
	#home {
		margin:10px 0;
	}
	#home h5,#home h5 a {
		font-size:14px;
		font-weight:bold;
		letter-spacing:-1px;
		padding:5px;
		margin:auto;
		color:#999999;
		text-decoration:none;
	}
	#sidebar ul,#sidebar li {
		width:170px;
		list-style-type: none;
		padding: 0px;
		margin: auto;
		text-align:left;
		font-size:14px;
		line-height:20px;
	}
	#sidebar li a {
		color:#CCCCCC;
		font-size:12px;
	}
	#sidebar li a:hover {
		color:#FFFFFF;
		font-weight:bold;
		font-size:12px;
	}
	#sidebar li a.high {
		color:#FFFF00;
		font-size:16px;
		letter-spacing:-1px;
		font-weight:bold;
		line-height:26px;
	}
	#sidebar p {
		padding:0 3px;
		font-size:12px;
		line-height:14px;
		font-style:italic;
	}
	#videos {
		width:760px;
		margin:0;
		padding:0;
		float:right;
		text-align:center;
	}
	#videos h1 {
		margin:5px 0;
		padding:3px;
		text-align:left;
		font-size:18px;
		letter-spacing:-1px;
	}
	#non videos h1 i {
		font-size:12px;
		font-weight:normal;
		padding-left:20px;
		letter-spacing:0px;
	}
	#videos h2 u {
		width:500px;
		background:#FFFF00;
		display:block;
		padding:3px;
		margin:auto;
		font-weight:normal;
		font-weight:bold;
	}
	#videos h2 {
		margin:3px 0 10px 0;
		padding:2px;
		text-align:left;
		font-size:13px;
		letter-spacing:0px;
		font-weight:normal;
		color:#444444;
	}
	.video {
		background:#EEEEEE;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:auto;
		margin-bottom:10px;
		padding:5px;
		border:solid 1px #DDDDDD;	
		color:#EEEEEE;
		max-width:740px;
		overflow:hidden;
	}
	.webcam {
		width:370px;
		margin:5px;
		float:left;
		background:#EEEEEE;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin-bottom:10px;
		padding:3px;
		border:solid 1px #DDDDDD;	
		color:#EEEEEE;
	}
	.videonew {
		background:#FFFFEE;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:auto;
		margin-bottom:10px;
		padding:5px;
		border:solid 1px #FDDE82;
		color:#FFFFEE;
	}
	.video a {
		color:#EEEEEE;
	}
	.videonew a {
		color:#EEEEEE;
	}
	.videoside {
		background:#000000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:auto;
		margin-bottom:10px;
		padding:5px;
		border:solid 1px #333333;	
	}
	.videomore {
		width:170px;
		background:#EEEEEE;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:2px;
		margin-bottom:10px;
		border:solid 1px #DDDDDD;	
		color:#EEEEEE;
		float:left;
	}
	
	.video .datebloc {
		float:left;
		width:35px;
		border:solid 1px #999999;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:1px;
		background:#FFFFFF;
		margin-right:6px;
	}
	.videonew .datebloc {
		float:left;
		width:50px;
		border:solid 1px #999999;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:1px;
		background:#FFFFFF;
		margin-right:6px;
	}
	.datebloc .jour {
		text-align:center;
		color:#000000;
		font-size:18px;
		line-height:20px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		border:0;
	}
	.videonew .datebloc .jour {
		text-align:center;
		color:#000000;
		font-size:14px;
		line-height:20px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		border:0;
	}
	.datebloc .mois {
		text-align:center;
		background:#FF0000;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif
		border:0;
	}
	.video h2.h3,.video h2.h3 a ,.videonew h2.h3,.videonew h2.h3 a,.webcam h2.h3 ,
	.video h3,.video h3 a ,.videonew h3,.videonew h3 a,.webcam h3 {
		margin:0;
		padding:0;
		text-align:left;
		font-size:18px;
		font-weight:bold;
		letter-spacing:-1px;
		color:#000000;
		text-decoration:none;
	}
	.videoside h3,.videoside h3 a {
		margin:0;
		padding:0;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0px;
		color:#EEEEEE;
		text-decoration:none;
	}
	.videomore h3,.videomore h3 a {
		margin:0;
		padding:0;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0px;
		color:#000000;
		text-decoration:none;
	}
	.video .videoinfo,.videonew .videoinfo,.webcam .videoinfo {
		font-size:11px;
		color:#878787;
		text-align:left;
		padding-left:5px;
		line-height:20px;
		letter-spacing:normal;
		font-weight:normal;
	}
	.video .videoinfo a,.videonew .videoinfo a {
		color:#878787;
		text-decoration:none;
	}
	.video img {
		border:solid 1px #CCCCCC;


	}
	.videonew img {
		border:solid 1px #CCCCEE;
	
}
	.video .description,.videonew .description {
		padding:5px;
		font-size:14px;
		line-height:17px;
		
		overflow:auto;
		margin-bottom:5px;
		color:#000000;

text-align: justify;
	}
	.video .descriptionfull,.videonew .descriptionfull {
		padding:5px;
		width:560px;
		font-size:13px;
		line-height:17px;
		max-height:80px;
		overflow:auto;
		margin-bottom:10px;
		color:#000000;
	}
	.webcam .description {
		padding:5px;
		font-size:12px;
		line-height:15px;
		height:60px;
		max-height:60px;
		overflow:auto;
		margin-bottom:10px;
		color:#000000;
	}
	.video .telecharger,.videonew .telecharger {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#0000CC;
		letter-spacing:-1px;
		background:url(/videos/download.png) no-repeat;
		padding-left:25px;
	}
	.webcam .telecharger {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#0000CC;
		letter-spacing:-1px;
		background:url(/videos/webcam.png) no-repeat;
		padding-left:30px;
	}
	.video .telecharger2,.videonew .telecharger2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#0000CC;
		letter-spacing:0px;
	}
	.videoside .telecharger {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#FFFF00;
		letter-spacing:-1px;
	}
	.videomore .telecharger {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#0000FF;
		letter-spacing:-1px;
	}
	.video .telecharger:hover,.videonew .telecharger:hover {
		color:#009900;
	}
	.video .access,.videonew .access {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#000000;
		letter-spacing:-1px;
	}
	.access2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#000000;
		letter-spacing:-1px;
		display:none;
	}
	a.access2  {
		color:#0000FF;
	}
	.video .access:hover,.videonew .access:hover {
		color:#009900;
	}
	.acces {
		width:730px;
		padding:0px;
		margin:auto;
		margin-top:5px;
		margin-bottom:10px;
		text-align:center;
		border:solid 3px #0000CC;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
	}
	.fullacces {
		width:730px;
		padding:0px;
		margin:auto;
		margin-top:5px;
		margin-bottom:10px;
		text-align:center;
		border:solid 3px #009900;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
	}
	.acces .t2 {
		background:#0000CC;
		margin:0 0 5px 0;
		padding:3px;
		font-size:20px;
		font-weight:bold;
		color:#FFFFFF;
		letter-spacing:-1px;
		padding:2px;
		text-align:center;
	}
	.fullacces .t2 {
		background:#009900;
		margin:0 0 5px 0;
		padding:3px;
		font-size:20px;
		font-weight:bold;
		color:#FFFF00;
		letter-spacing:-1px;
		padding:2px;
		text-align:center;
	}
	.fullacces .t2 strong {
		color:#FFFFFF;
	}
	.acces .t3 {
		font-size:16px;
		font-weight:bold;
		color:#000000;
		letter-spacing:0px;
		margin:0;padding:0;
		text-align:center;
	}
	.acces p {
		font-size:12px;
		font-weight:normal;
		color:#000000;
		letter-spacing:0px;
		margin:0;padding:0;
	}
	.acces .t4,.acces p strong {
		font-size:22px;
		font-weight:bold;
		color:#0000CC;
		letter-spacing:0px;
		margin:0;padding:0;
	}
	#comeback {
		margin:10px;
		background:#FFFF99;
		padding:5px;
		font-size:18px;
		letter-spacing:-1px;
	}
	#pagination {
		width:90%;
		margin:auto;
		padding:5px;
		font-size:13px;
		line-height:21px;
	}
	#pagination a {
		color:#333333;
	}
	#footer {
		padding:50px 10px 25px 10px;
		font-size:12px;
		clear:both;
		text-align:center;
	}
	#footer a {
		color:#0000FF;
	}
	.voisine {
		float:left;
		width:180px;
		margin:2px;
	}
	.voisine h2.h3,.voisine h2.h3 a,
	.voisine h3,.voisine h3 a {
		margin:0;
		padding:0;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		letter-spacing:0px;
		color:#000000;
		text-decoration:none;
	}
	.voisine .videoinfo {
		font-size:11px;
		color:#878787;
		text-align:center;
		padding-left:5px;
		line-height:13px;
	}
	.navig {
		float:right;
		margin-right:15px;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		letter-spacing:0px;
	}
	.navig a {
		color:#666666;
	}
	.player {
		width:720px;
		height:480px;
		background:#000000;
	}
	#videobarre {
		color:#000000;
		font-size:12px;
	}
	.videobar {
		height:40px;
	}
	#errcode {
		font-weight:bold;
		color:#CC0000;
	}
	#addplaylist {
		width:158px;
		height:20px;
		background:url(/videos/playlist.jpg);
	}
	#addplaylist:hover {
		width:158px;
		height:20px;
		background:url(/videos/playlist2.jpg);
	}
	#delplaylist {
		width:158px;
		height:20px;
		background:url(/videos/noplaylist.jpg);
	}
	#delplaylist:hover {
		width:158px;
		height:20px;
		background:url(/videos/noplaylist2.jpg);
	}
	#like {
		width:70px;
		height:20px;
		background:url(/videos/like.jpg);
	}
	#like:hover {
		width:70px;
		height:20px;
		background:url(/videos/like2.jpg);
	}
	#dislike {
		width:23px;
		height:20px;
		background:url(/videos/unlike.jpg);
	}
	#idislike {
		width:23px;
		height:20px;
		background:url(/videos/unlike2.jpg);
	}
	#ilike {
		width:23px;
		height:20px;
		background:url(/videos/ilike.jpg);
	}
	.ilike i,.idislike i {
		font-size:10px;
		font-style:normal;
	}
	#dislike:hover {
		width:23px;
		height:20px;
		background:url(/videos/unlike2.jpg);
	}
	#comments {
		width:40px;
		height:20px;
		background:url(/videos/comments.jpg);
		line-height:20px;
		text-align:right;
		padding-right:94px;
	}
	#comments:hover {
		height:20px;
		background:url(/videos/comments2.jpg);
	}
	#addcomment {
		width:23px;
		height:20px;
		background:url(/videos/addcomment.jpg);
	}
	#addcomment:hover {
		width:23px;
		height:20px;
		background:url(/videos/addcomment2.jpg);
	}
	#viewcommentaires,#addcommentaires {
		width:720px;
		background:#EEEEEE;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:auto;
		margin-bottom:20px;
		margin-top:20px;
		padding:5px;
		border:solid 1px #DDDDDD;	
		color:#000000;
	}
	
	h5 {
		font-size:18px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFF00;
		padding:0px;
		margin:0px;
	}	
	
	
	
.topper { background:url(/videos/topper.png) no-repeat; width:64px; height:64px; padding:5px;}

form label { display: block; font-weight: bold; font-size: 13px; padding: 0 0 3px 0; }
form .rdo { padding: 20px 30px;  }
form .rdo label { background: #eee; width:350px; padding: 10px; margin-bottom: 3px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer; font-weight: normal; }
form .rdo p { width:100px;text-align:left;padding:10px;padding-left:0px; margin:6px;margin-bottom: 3px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer; font-weight: normal; color:#666666; }
form .rdo label:hover { background: #ddd; }
form .rdo label.active { padding: 8px; background: #E9F8FB; border: 2px solid #BDE7F9; color: #000; font-weight: bold; }
form .rdo label input { float:left; display:inline; margin: 1px 8px 0 0; }
form .rdo label input { margin-top: 4px; }
form .rdo label { font-size: 16px; }
form .rdo label span.price { float:right; }
form .rdo label span.price span { font-size: 11px; padding-left: 2px; }
form .rdo label span.value { background: url(/images/join/special.gif) no-repeat 0 0; padding: 4px 25px 3px 24px; font-size: 10px; float:right; }

form .rdo2 { padding: 20px 30px;  }
form .rdo2 label { background: #eee; padding: 10px; margin-bottom: 3px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer; font-weight: normal; }
form .rdo2 p { width:100px;text-align:left;padding:10px;padding-left:0px; margin:6px;margin-bottom: 3px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer; font-weight: normal; color:#666666; }
form .rdo2 label:hover { background: #ddd; }
form .rdo2 label.active { padding: 8px; background: #E9F8FB; border: 2px solid #BDE7F9; color: #000; font-weight: bold; }
form .rdo2 label input { float:left; display:inline; margin: 1px 8px 0 0; }
form .rdo2 label input { margin-top: 4px; }
form .rdo2 label { font-size: 16px; }
form .rdo2 label span.price { float:right; }
form .rdo2 label span.price span { font-size: 11px; padding-left: 2px; }
form .rdo2 label span.value { background: url(/images/join/special.gif) no-repeat 0 0; padding: 4px 25px 3px 24px; font-size: 10px; float:right; }

#share
	{
	padding-top:5px;
	display:block;
	}
span.fb
	{
	width: 100px;
	height: 20px;
	float:left;
	}
span.gp
	{
	width: 100px;
	height: 20px;
	float:right;
	}
span.fb iframe
	{
	width: 100px;
	height: 20px;
	z-index:10000;
	position:absolute;
	}
span.fb iframe:hover
	{
	width: 500px;
	height: 280px;
	}
a.twitter-share-button
	{
	 background: url(https://abs.twimg.com/a/1367451715/images/b2_btn_icon.gif) #eee no-repeat 2px 2px; 
	 color:#47e;
	 padding: 2px 3px 2px 20px;
	 font-size: 11px;
	 border-radius: 3px 3px;
	 border: solid 1px #47e;
	 text-decoration:none;
	}
    
    @media (max-width:1050px){
#page {
            width:770px; /*si largeur < 1050*/
        }
    }
.player {

height: auto !important;
border-radius: 5px;
box-shadow: 0 0 10px 5px #999;
  margin-left: -1% !important;
}

.player > div {
text-align: right;
width: 100% !important;
margin: 0 !important;
height: auto !important;
}

.player > div > img
        {
        padding: 10px;
}


    @media (max-width:800px){

#sidebar .side
{
display:none;
}
        #sidebar
{
min-height: 10px;
width:100%;
}
#sidebar .login
        {
float: none;

  margin: 0 auto;
}



     .video img {
                border:solid 1px #CCCCCC;
width:100%;

        }
        .videonew img {
                border:solid 1px #CCCCEE;
width:100%;
}


.player {
width: 96% !important;
margin: 0 1% !important;
height: auto !important;
border-radius: 5px;
box-shadow: 0 0 10px 5px #999;
  margin-left: -1% !important;
}

.player > div > div {
width: 100% !important;
margin: 0 !important;
border-radius: 3px;
overflow:hidden;

}


.player > div > img 
	{
	padding: 10px;
}
.player > div {
text-align: right;
width: 100% !important;
margin: 0 !important;
height: auto !important;
}

.player > div > div > video {
width: 100% !important;
border-radius: 3px;
margin: 0 !important;
overflow:hidden;
height: auto;
}

  #page {
            width:95% !important; /*si largeur < 1050*/
        }

#header{ 
border-radius: 20px;
    aspect-ratio: 6;
    height: auto;
    background-size: 129%;
    border: solid 5px black;
    background-position: -7px -2px;
}

        #page {
            width:980px; /*si largeur < 1050*/
        }
        #baniere_extrait{
            display:none;
        }
        .fullacces{
            display:none;
        }
        #nbpage{
            display:none;
        }
    }
    @media (max-width:1050px){
        #sidebar {
            display:none;
        }    
    }    
    @media (max-width:800px){
        #videos {
            width:100%;
        }
    }    
    @media (max-width:1050px){
        #videos .intro {
            display:none; /*Si largeur < 1050*/
        }    
    }    
    @media (max-width:800px){
        .videonew, .video {
            margin-left: 15px;
            width:94%; /*si largeur < 1050*/
        }
    }    
    @media (max-width:800px){
        .access{
            display:none;
        }
        .access2{
            display:block;
        }
    }
    @media (max-width:800px){
        .drapeau{
            display:none;
        }
    }    
@media (max-width:800px){
    #td_share{
        display:none;
    }
}

@media (max-width:800px){
    .image1, .image3, .image4, .image9,.image10{
        display:none;
    }
}