@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#313131;
}

a img
{
	border: none;
}

a, a:visited
{
	color: #f3146d;
	text-decoration: none;
}

a:hover
{
	color:#ffa300;
}

ul, li, h1, h2, h3, p, form
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#global
{
	margin:auto;
}

#header
{
	width: 800px;
	margin: auto;
}

.logolink {
	float: left;
}

#logo
{
	display: table-cell;
}

#menusearch
{
	width:409px;
	float: right;
	margin-top: 15px;
}

#searchbox
{
	float:right;
	border:1px solid #ffa300;
	padding:0 3px;
	margin:6px 0 0 0;
  	width: 361px;
	height: 24px;
}

#searchbutton
{
	float:right;
	height: 18px;
	margin:6px 0 0 5px;
	padding: 3px 7px;
	background-color: #ea0560;
	border:1px solid #ffa300;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 4px #42011b;
	cursor: pointer;
}

#searchbutton:hover {
	background: -webkit-linear-gradient(#fecb00, #ffa300);
	background: -o-linear-gradient(#fecb00, #ffa300);
	background: -moz-linear-gradient(#fecb00, #ffa300);
	background: linear-gradient(#fecb00, #ffa300);
}

#plusone
{
	float:right;
	padding:20px 20px 0 0;
}

#menu
{
	clear:both;
	background: -webkit-linear-gradient(#f91d75, #e5005b);
	background: -o-linear-gradient(#f91d75, #e5005b);
	background: -moz-linear-gradient(#f91d75, #e5005b);
	background: linear-gradient(#f91d75, #e5005b);
	height: 40px;
	text-align: center;
}

#menu > li
{
	list-style:none;
	padding: 0;
	display: inline-block;
}

#menu > li:hover, #menu > li.active {
	background: -webkit-linear-gradient(#fecb00, #ffa300);
	background: -o-linear-gradient(#fecb00, #ffa300);
	background: -moz-linear-gradient(#fecb00, #ffa300);
	background: linear-gradient(#fecb00, #ffa300);
}

#menu > li > a, #menu > li > a:visited
{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	display:block;
	height:30px;
	padding:7px 20px 3px 40px;
	color:#ffffff;
	background-position: left center;
	background-repeat: no-repeat;
	text-shadow: 2px 2px 4px #42011b;
}

#menuhome {
	background: url(../images/icone-accueil.png);
}

#menuvideo {
	background: url(../images/icone-video.png);
}

#menuimage {
	background: url(../images/icone-image.png);
}

#menujeuxflash {
	background: url(../images/icone-jeuxflash.png);
}

#menuwebtv {
	background: url(../images/icone-webtv.png);
}

.dropdown
{
	background-color:#e4005b;
	border:1px solid #bb004b;
	position:absolute;
	width:200px;
	visibility:hidden;
	z-index:1000;
	text-align: left;
}

.dropdown > li
{
	width:200px;
}

.dropdown > li > h3> a, .dropdown > li > h3 > a:visited {
	display: block;
	color: #ffffff;
	padding: 4px 0 4px 7px;
	font-size: 16px;
}

#menu > li:hover .dropdown
{
	visibility:visible;
}

.dropdown > li > h3 > a:hover {
	background: -webkit-linear-gradient(#fecb00, #ffa300);
	background: -o-linear-gradient(#fecb00, #ffa300);
	background: -moz-linear-gradient(#fecb00, #ffa300);
	background: linear-gradient(#fecb00, #ffa300);
}

#content
{
	clear:both;
	width: 1350px;
	overflow: hidden;
	margin: auto;
}

.items
{
	padding:0;
}

.smallitems
{
	padding:0;
}

.items li, .smallitems li
{
	list-style:none;
}

.items .item
{
	float:left;
	margin:10px;
	width:250px;
	height:185px;
	overflow:hidden;
}

.smallitems .item
{
	margin-top:10px;
	width:250px;
	height:185px;
	overflow:hidden;
}

.rightitems
{
	margin:0px 22px;
}

.items .itemthumblink, .smallitems .itemthumblink {
	position: relative;
	display: block;
}

.items .itemthumb, .smallitems .itemthumb
{
	display:block;
	width:240px;
	height:135px;
	padding:4px;
	border:1px solid #c6c5c5;
}

.itemthumb:hover
{
	border:1px solid #ffa300;
}

.items .itemview, .smallitems .itemview {
	position: absolute;
	bottom: 5px;
	left: 5px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	padding: 3px 8px;
	font-size: 14px;
}

.items .itemvote, .smallitems .itemvote {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	color: #10c010;
	padding: 3px 8px;
	font-size: 14px;
}

.items .itemtitle, .smallitems .itemtitle
{
	width:250px;
	height:40px;
	overflow:hidden;
	font-size:15px;
	text-align:center;
	line-height:17px;
	font-weight: normal;
}

#pagination
{
	clear:both;
	padding:10px;
	text-align:center;
}

#pagination a, #pagination a:visited
{
	font-size:18px;
	padding: 15px 21px;
	margin-bottom: 5px;
	overflow:hidden;
	text-align:center;
	border: 1px solid #f9d69e;
	background: -webkit-linear-gradient(#fef8d6, #ffd67e);
	background: -o-linear-gradient(#fef8d6, #ffd67e);
	background: -moz-linear-gradient(#fef8d6, #ffd67e);
	background: linear-gradient(#fef8d6, #ffd67e);
	display:inline-block;
	line-height:20px;
	font-weight:bold;
}

#pagination a:hover, #pagination a.active
{
	border: 1px solid #ffa924;
	background: -webkit-linear-gradient(#fecb00, #ffa401);
	background: -o-linear-gradient(#fecb00, #ffa401);
	background: -moz-linear-gradient(#fecb00, #ffa401);
	background: linear-gradient(#fecb00, #ffa401);
	color: #f3146d;
}

.footerblock {
	text-align: center;
}

.footerblock li
{
	display: inline-block;
	width:300px;
	height: 300px;
	overflow:hidden;
	margin:20px 0;
}

.blocktitle
{
	clear:both;
	display:block;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #c8c6c6;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}

.tagcloud1
{
	font-size:24px;
}

.tagcloud2
{
	font-size:20px;
}

.tagcloud3
{
	font-size:18px;
}

.tagcloud4
{
	font-size:16px;
}

.tagcloud5
{
	font-size:14px;
}

.menucommentmember
{
	font-weight:bold;
	color:#ffa300;
	font-style:italic;
}

#footer
{
	clear:both;
	width:100%;
	overflow:hidden;
	background:url(../images/footer.jpg) repeat-x center top #e0e0e0;
}

#footer a, #footer a:visited
{
	color:#606060;
	font-style:italic;
}

#footercontent
{
	width:980px;
	margin:auto;
}

.footertext
{
	text-align:center;
	border-bottom:1px solid #c8c6c6;
	margin:20px 0 40px 0;
}

#partner
{
	padding:10px 0 0 0;
}

#partner li
{
	float:left;
	width:245px;
	list-style:none;
}

#videoleft
{
	width:1000px;
	float:left;
}

#videotitle
{
	font-size:20px;
	font-weight:bold;
	padding:5px 10px;
	margin: 10px 0;
	text-shadow: 2px 2px 4px #a7a7a7;
	color: #000000;
}

.containervideo {
	width: 640px;
	overflow:hidden;
	margin: auto;
}

.wrapperplayer {
    position: relative;
}
.wrapperplayer:after {
    padding-top: 56.25%;
    display: block;
    content: '';
}
.wrapperplayercontent {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#videoplayer
{
	/*overflow:hidden;
	background-color:#e8e8e8;*/
	margin-bottom: 10px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.likegrid {
	overflow: hidden;
	margin-bottom: 10px;
}

.likegrid li {
	width: 50%;
	float: left;
	text-align: center;
	margin: 8px 0;
}

.likegrid li a, .likegrid li a:visited {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
	width: 100%;
}

.socialnetworkcontent {
	padding: 2px;
}

#facebookbutton {
	background-color: #3c599b;
	border-radius: 4px;
}

#facebookbutton span {
	display: inline-block;
	background: url(../images/icone-facebook.png) no-repeat left center; 
	padding: 12px 5px 10px 32px;
}

#twitterbutton {
	background-color: #21c2ff;
	border-radius: 4px;
}

#twitterbutton span {
	display: inline-block;
	background: url(../images/icone-twitter.png) no-repeat left center; 
	padding: 12px 5px 10px 32px;
}

#bgview {
	background-color: #f3146d;
	display: inline-block;
	font-size: 15px;
	padding: 18px 0 0 0;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
	height: 38px;
	width: 200px;
}

#twitterbutton:hover, #facebookbutton:hover {
	opacity: 0.8;
}

#videodescription
{
	font-size:16px;
	text-align:justify;
	padding: 0 5px 15px 5px;
}

.videoinfo {
	border: 1px solid #c8c6c6;
}

#videoinfoslist {
	padding: 5px 0;
	display: table;
	width: 100%
}

#videoinfoslist > li {
	display: table-cell;
	width: 33%;
	text-align: center;
	vertical-align: middle;
}

#videoinfoslist > li > span {
	display: inline-block;
	padding: 0 0 0 35px;
}

#videoinfoslist > li > a, #videoinfoslist > li > a:visited {
	display: block;
}

.votelink {
	text-align: center;
}
.votelink > li {
	display: inline-block;
	vertical-align: middle;
}

.votelink > li > span {
	text-align: left;
}

#thumbup {
	background: url(../images/thumb-up.png) no-repeat left center;
	height: 24px;
	width: 19px;
	margin-right: 3px;
	display: block;
}

#thumbup:hover {
	opacity: 0.8;
}

#thumbdown {
	background: url(../images/thumb-down.png) no-repeat left center;
	height: 24px;
	width: 20px;
	margin-left: 3px;
	margin-right: 5px;
	display: block;
}

#thumbdown:hover {
	opacity: 0.8;
}

.comments
{
	margin-top: 10px;
	border: 1px solid #c8c6c6;
}

.fb-comments, .fb-comments span, .fb-comments iframe[style] {
    width: 100% !important;
}

#footerblocks
{
	clear:both;
	margin: auto;
	width: 100%;
	overflow: hidden;
}

#videoright
{
	float:right;
	width:300px;
	padding:10px 0 0 0;
	margin-left: 20px;
}

#account
{
	float:right;
	background-color:#e4005b;
	border:1px solid #bb004b;
	border-top:3px solid #ffa300;
	padding:5px 10px;
	margin-right: 5px;
	color:#ffffff;
	text-align:center;
}

#account:hover .dropdown
{
	visibility:visible;
}

#account a, #account a:visited
{
	color:#ffffff;
	display:block;
}

#account a:hover
{
	background-color:#ffa300;
}

#account .dropdown
{
	padding:5px;
	margin-left:-120px;
}

#account .dropdown li
{
	list-style:none;
}

#lastcomments li
{
	list-style:none;
}

.tableForm
{
	margin:auto;
}

.tableForm th
{
	text-align:right;
	vertical-align:top;
	padding:3px;
}

.tableForm input[type=text], input[type=password], textarea, select
{
	width:250px;
	border:1px solid #ffa300;
	padding:2px;
}

.orange
{
	color:#FFA000;
}

.red
{
	color:#A00000;
}

.green
{
	color:#00A000
}

.blue
{
	color:#0000A0;
}

.errorMessage
{
	color:#A00000;
	font-weight:bold;
	text-align:center;
	text-align:center;
	display:block;
	margin:10px;
}

.message
{
	color:#00A000;
	font-weight:bold;
	text-align:center;
	text-align:center;
	display:block;
	margin:10px;
}

.rules
{
	margin:0 0 0 20px;
}

#stats
{
	clear:both;
}

.topmenupub
{
	clear:both;
	padding: 5px 0 0 0;
}

#videoplayerend
{
	display:none;
	width:638px;
	height:303px;
	padding:50px 0 0 0;
	margin:0 0 5px 0;
	font-size:28px;
	text-align:center;
	font-weight:bold;
	background-color:#FAFAFA;
	border:1px solid #f3146d;
}

#videoplayerendshare
{
	font-size:22px;
	text-align:left;
	padding:0 0 0 50px;
	font-weight:normal;
}

#videoplayerendsharegg
{
}

#videoplayerendsharefb
{
}

#replaythumb
{
	display:block;
	width:160px;
	height:120px;
	padding:4px;
	border:1px solid #c6c5c5;
}

#videovoterating
{
	float:right;
	font-size:18px;
	padding:2px 0 0 10px;
}

#breadcrumb
{
	clear:both;
	overflow:hidden;
	padding:6px 0 0 5px;
	border-bottom: 1px solid #C8C6C6;
}

.breadcrumbtitle
{
	font-weight:bold;
}

#breadcrumb li
{
	list-style:none;
	float:left;
	padding:0 3px 0 0;
}

.blockpubright {
	width: 520px;
	height: 390px;
	float: right;
	margin: 10px;
}

.blockpub {
	width: 300px;
	height: 250px;
	margin: 58px auto;
	padding: 5px;
	border: 1px solid #c6c5c5;
}

.blockpub:hover
{
	border:1px solid #ffa300;
}

#postmessage
{
	float:right;
	width: 90px;
	height: 23px;
	padding-top: 2px;
	/*margin:6px 0 0 5px;
	padding: 3px 7px;*/
	background-color: #ea0560;
	border:1px solid #ffa300;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 4px #42011b;
	cursor: pointer;
	text-align: center;
	display: block;
}

#postmessage:hover {
	background: -webkit-linear-gradient(#fecb00, #ffa300);
	background: -o-linear-gradient(#fecb00, #ffa300);
	background: -moz-linear-gradient(#fecb00, #ffa300);
	background: linear-gradient(#fecb00, #ffa300);
}

.buttonmessage {
	border: 0px solid;
	background: transparent;
}

.edit
{
	background-color: #ffefbf;
	font-size: 13px;
	border: 2px solid #ffbd00 !important;
	padding: 2px;
	color: #333333;
	width: 400px !important;
}

/*.rightBlock
{
	width: 604px;
	overflow: hidden;
}

.rightBlockContent
{
	width: 574px;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 10px 15px;
}*/

@media (min-width: 1100px) and (max-width: 1369px) {
	#content
	{
		width: 1080px;
	}
	/*#footerblocks {
		width: 1080px;
		padding: 0;
	}
	.footerblock {
		margin: 10px 30px;
	}*/

	#videoleft
	{
		width:730px;
	}
	
	.containervideo {
		width: 100%;
	}
	
	#videoright
	{
		margin-left: 10px;
	}
}
@media (min-width: 830px) and (max-width: 1099px) {
	#content
	{
		width: 810px;
	}
	
	#pagination a, #pagination a:visited
	{
		padding: 10px 14px;
	}

	/*#footerblocks {
		width: 300px;
		padding: 0 265px;
	}
	
	.footerblock {
		margin: 20px 0;
	}*/
	
	#footercontent {
		width: 810px;
	}

	#videoleft {
		width:810px;
	}
	
	.containervideo {
		width: 100%;
	}
	
	#videoright {
		float: none;
		clear: both;
		margin: auto;
		width: 810px;
	}
	
	.rightitems {
		margin: 0 11px;
	}
	
	.smallitems .item {
		margin: 6px;
		float: left;
	}
	
	.pubrightvideo {
		text-align: center;
	}
}

@media (min-width: 540px) and (max-width: 829px) {
	#header
	{
		width: 540px;
	}

	.logolink {
		float: none;
		margin: auto;
	}
	
	#logo {
		display: block;
		margin: auto;
	}

	#menusearch {
		float: none;
		width: 369px;
		margin: 10px auto;
		overflow: hidden;
	}
	
	#searchbox {
		width: 321px;
	}

	#account {
		float: none;
		padding: 5px 10px;
		margin: 10px auto;
		width: 349px;
	}
	
	#account .dropdown {
		margin-left: 75px;
	}

	#menu {
		text-align: center;
	}
	
	#menu > li {
		float: none;
		display: inline-block;
	}

	#menu > li > a, #menu > li > a:visited {
		padding: 7px 15px 3px 30px;
	}
	
	#menu > li > a > span, #menu > li > a:visited > span {
		display:none;
	}

	#content
	{
		width: 540px;
	}
	
	.blockpubright {
		height: 292px;
		float: none;
	}
	
	.blockpub {
		margin: auto;
	}
	
	#pagination a, #pagination a:visited
	{
		padding: 10px 14px;
	}

	/*#footerblocks {
		width: 300px;
		padding: 0 120px;
	}

	.footerblock {
		margin: 20px 0;
	}*/

	#footercontent {
		width: 520px;
	}

	#videoleft {
		width:540px;
	}
	
	.containervideo {
		width: 540px;
	}

	#videoright {
		float: none;
		clear: both;
		margin: auto;
		width: 540px;
	}
	
	.rightitems {
		margin: 0 11px;
	}
	
	.smallitems .item {
		margin: 4px;
		float: left;
	}
	
	.pubrightvideo {
		text-align: center;
	}
}

@media (max-width: 539px) {
	#header
	{
		width: 300px;
	}

	.logolink {
		float: none;
		margin: auto;
	}
	
	#logo {
		display: block;
		margin: auto;
	}

	#menusearch {
		float: none;
		width: 300px;
		margin: 10px 0;
		overflow: hidden;
	}
	
	#searchbox {
		width: 245px;
	}

	#account .dropdown {
		margin-left: 60px;
	}
	
	#menu {
		text-align: center;
	}
	
	#menu > li {
		float: none;
		display: inline-block;
	}

	#menu > li > a, #menu > li > a:visited {
		padding: 7px 15px 3px 30px;
	}
	
	#menu > li > a > span, #menu > li > a:visited > span {
		display:none;
	}

	.dropdown
	{
		width:120px;
	}
	
	.dropdown > li
	{
		width:120px;
	}
	
	#content
	{
		width: 300px;
	}
	
	#footercontent {
		width: 300px;
	}

	.items .item {
		float: none;
		margin: 10px auto;
	}
	
	#pagination a, #pagination a:visited
	{
		padding: 10px 14px;
	}

	.blockpubright {
		display: none;
	}

	#videoleft {
		width:300px;
	}
	
	.containervideo {
		width: 100%;
	}

	#videoright {
		display: none;
	}
	.edit
	{
		width: 200px !important;
	}
}