/* ***** ***** ***** ***** *****
 *
 * YAHOO CSS RESET STRIPPED DOWN
 *
 * ***** ***** ***** ***** ***** */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

abbr, acronym {
    border: 0;
}

ol, ul {
    list-style: none;
}


/* ***** ***** ***** ***** *****
 *
 * CSS HELPERS
 *
 * ***** ***** ***** ***** ***** */

/* 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;
}
/* ***** ***** ***** ***** *****
 *
 * GLOBAL STYLES
 *
 * ***** ***** ***** ***** ***** */

body {
    background:url("/img/background.jpg") #2C3850;
}

a {
	color:#696969;
}
a:active,
a:focus {
    outline:                none;
}

div.row {
	clear:both;
}

.red {
    background-color: red !important;
    opacity:            0.5 !important;
    filter:             alpha(opacity=50) !important;
    -moz-opacity:       0.5 !important;
    -khtml-opacity:     0.5 !important;
}

/* throbber */
div.throbber {
    text-align:             center;
}

/* ***** ***** ***** ***** *****
 *
 * CSS HELPERS
 *
 * ***** ***** ***** ***** ***** */

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

.left {
	float:left;
}

.right {
	float:right;
}

.preload,
.hidden {
    display:                none;
    visibility:             hidden;
}

/* ***** ***** ***** ***** *****
 *
 * BODY AND CONTAINER
 *
 * ***** ***** ***** ***** ***** */

html, body {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 11px;
    color: #666666;
	line-height:150%;
	min-height:100%;
	min-width:100%;
}

div#container {
	margin:0px auto;
	width:980px;
    background: left top repeat-x url("/img/header-bg.png") #fff;
	border-left:solid 1px #DEDEDE;
	border-right:solid 1px #DEDEDE;
	position:relative;
}

/* ***** ***** ***** ***** *****
 *
 * BOUTONS
 *
 * ***** ***** ***** ***** ***** */

.roundedBlue {
    background: left top no-repeat url(/img/blog-rounded-blue.png);
	display:block;
	height:22px;
	width:185px;
	padding-top:2px;
	text-align:center;
}

.roundedBlueCharacter {
    background: left top no-repeat url(/img/blog-rounded-blue-character.png);
	display:block;
	height:22px;
	width:185px;
	padding-top:2px;
	text-align:center;
}

.roundedBlueDanger {
    background: left top no-repeat url(/img/blog-rounded-blue-danger.png);
	display:block;
	height:22px;
	width:185px;
	padding-top:2px;
	text-align:center;
}

.roundedBlueHearth {
    background: left top no-repeat url(/img/blog-rounded-blue-hearth.png);
	display:block;
	height:22px;
	width:185px;
	padding-top:2px;
	text-align:center;
}



/* input.submitblue */
.submitBlue {
	display:block;
	background: left top no-repeat url(/img/submit-blue.png);
	height:26px;
	width:94px;
	border: none;
	padding-bottom:3px;
	color:white !important;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
}

.submitOrange {
	background: left top no-repeat url(/img/submit-orange.png);
	display:block;
	height:26px;
	width:94px;
	border: none;
	padding-bottom:3px;
	color:white !important;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
}

/* a.submitblue */
a.submitBlue , a.submitOrange {
	height:23px;
	padding-top:3px;
}

.submitBlueBig {
	display:block;
	background: left top no-repeat url(/img/submit-blue-big.png);
	height:26px;
	width:212px;
	border: none;
	padding-top:4px;
	color:white !important;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-size:13px;
}

a.trashIcon {
	display:block;
	float:left;
	margin-left:30px;
	margin-top:33px;
	background: center top no-repeat url(/img/icon-trash.png);
	height:20px;
	width:120px;
	text-align:center;
	padding-top:50px;
}

.submitValid {
	display:block;
	background: left top no-repeat url(/img/submit-valid.png);
	height:20px;
	width:83px;
	border: none;
	padding-bottom:2px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
}


/* ***** ***** ***** ***** *****
 *
 * HEADINGS DANS LES SIDEBARS
 *
 * ***** ***** ***** ***** ***** */


h1.title1 {
	background:left top no-repeat url(/img/sidebar-title1.png);
	width:145px;
	height:18px;
	padding-left:22px;
	padding-top:1px;
	margin-bottom:15px;
	color:white;
	font-weight:bold;
	font-size:12px;
}

h1.title2 {
	background:left top no-repeat url("/img/sidebar-title2.png");
	height:20px;
	margin:5px 0px;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding-top:1px;
    text-align:center;
}

h1.title3 {
	background:left top no-repeat url(/img/sidebar-title3.png);
	width:145px;
	height:21px;
	margin:5px 0px 5px -5px;
	color:black;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-top:2px;
}

h1.title4 {
	background:left top no-repeat url(/img/sidebar-title4.png);
	width:134px;
	height:22px;
	margin-top:15px;
	margin-bottom:15px;
	color:white;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-top:1px;
}



/* ***** ***** ***** ***** *****
 *
 * PUCES
 *
 * ***** ***** ***** ***** ***** */

p.list {
	background:left 6px no-repeat url(/img/sidebar-list.png);
	padding-left:19px;
	margin-bottom:3px;
}

p.list a {
	font-size:12px;
	color:#FF8B19;
	text-decoration:none;
	font-weight:bold;
}

p.warning {
	height:21px;
	display:block;
	padding-left:30px;
	margin:8px 0px;
	background:left center no-repeat url(/img/danger-sign.png);
	padding-top:4px;
}

p.warning a {
	color:red !important;
}

p.hearth {
	background:left 5px no-repeat url(/img/hearth.png);
	padding-left:12px;
	margin-bottom:3px;
}

p.hearth a {
	color:#245FD5;
	text-decoration:none;
}

p.doc {
	background:left 4px no-repeat url(/img/list-doc.png);
	padding-left:14px;
	margin-bottom:3px;
}

p.doc a {
	color:#245FD5;
	text-decoration:none;
}

p.play {
	background:left 2px no-repeat url(/img/list-play.gif);
	padding-left:16px;
	margin-bottom:3px;
}

p.play a {
	color:#245FD5;
	text-decoration:none;
}


/* ***** ***** ***** ***** *****
 *
 * GRADIENT BOX
 *
 * ***** ***** ***** ***** ***** */

div.gradientBox {
	float:left;
}

div.gradientBox div.title {
	font-weight:bold;
	font-size:20px;
	padding-top:5px;
    padding-bottom:10px;
    line-height:110%;
	text-align:center;
}

div.gradientBox div.main {
	border:dotted 1px #FFB6D9;
	background:left bottom repeat-x url(/img/compte-box1.png);
	clear:both;
}

div.gradientBox div.reflection {
	height:40px;
	background:left top repeat-x url(/img/compte-box-reflect.png);
}

div.gradientBox div.reflection2 {
	height:40px;
	background:left top repeat-x url(/img/compte-box-reflect-2.png);
}


/* ***** ***** ***** ***** *****
 *
 * ICONES
 *
 * ***** ***** ***** ***** ***** */

/* THUMBS */

a.iconThumbBloquer {
	float:left;
	display:block;
	text-indent:-9000px;
	background: left 1px no-repeat url(/img/icon-forbidden.png);
	width:21px;
	height:21px;
	margin:0px 3px;
}

a.iconThumbEditer {
	float:left;
	display:block;
	text-indent:-9000px;
	background: left top no-repeat url(/img/icon-tools.png);
	width:21px;
	height:21px;
	margin:0px 3px;
}

a.iconThumbSupprimer {
	float:left;
	display:block;
    margin:0;
    padding:0;
}

a.blogAddComment {
	background: left top no-repeat url(/img/blog-add-comment.png);
	height:19px;
	padding-left:25px;
	float:left;
	display:block;
	padding-top:1px;
}

a.blogComments {
	background: left top no-repeat url(/img/blog-comments.png);
	padding-left:25px;
	height:19px;
	float:left;
	display:block;
	padding-top:1px;
}


/* VISU IMAGE */

div.ctrl a {
	height:20px;
	padding-top:44px;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.ctrl a.prev {
	background:center top no-repeat url(/img/visu-prev.png);
	margin-left:5px;
}

div.ctrl a.next {
	background:center top no-repeat url(/img/visu-next.png);
}

div.ctrl a.full {
	background:center top no-repeat url(/img/visu-full.png);
    float:right;
}

div.ctrl a.print {
	background:center top no-repeat url(/img/visu-print.png);
}

div.ctrl a.save {
	background:center top no-repeat url(/img/visu-save.png);
	margin-right:5px;
}

/* AUTRE */

span.bluePill {
	display:block;
	background:left bottom no-repeat url(/img/upload-blue-pill.png);
	height:18px;
	width:20px;
	padding-top:2px;
	text-align:center;
	color:white;
	font-weight:bold;
	float:left;
}

/* ***** ***** ***** ***** *****
 *
 * PAGINATOR
 *
 * ***** ***** ***** ***** ***** */

div.counterContainer {
    float:right;
    width:auto;
    padding-right:23px;
    padding-top: 20px;
}

div.counterContainer a{
    float:left;
    display:block;
    background: left top no-repeat url(/img/compte-page-number.png);
    width:32px;
    height:26px;
    margin:0px 3px;
    text-align:center;
    padding-top:7px;
    text-decoration:none;
    color:#C62B68;
    font-weight:bold;
}

div.counterContainer span {
    float:left;
    display:block;
    background: left top no-repeat url(/img/compte-page-number-selected.png);
    width:32px;
    height:26px;
    margin:0px 3px;
    text-align:center;
    padding-top:7px;
    text-decoration:none;
    color:white;
    font-weight:bold;
}

/* ***** ***** ***** ***** *****
 *
 * SPRITES
 *
 * ***** ***** ***** ***** ***** */

div#loggedBar {
    float:left;
    width:100%;
}

div#loggedBar ul {
    float:right;
}

div#loggedBar li {
    float:left;
    background:url('/img/tab-active-reversed.png') no-repeat right top;
    padding-right:7px;
}

div#loggedBar span {
    padding-top:3px;
    padding-left:7px;
    white-space:nowrap;
    height:23px;
    color:white;
    display:block;
    background:url('/img/tab-active-reversed.png') no-repeat left top;
}

div#loggedBar a {
    color:white;
    text-decoration:none;
    font-weight:bold;
}

/* ***** ***** ***** ***** *****
 *
 * THUMBS
 *
 * ***** ***** ***** ***** ***** */
div.thumbContainer {
    width:144px;
    float:left;
    margin:0 3px;
    clear:right;
    position:relative;
}

div.thumbContainer a {
    text-decoration:none;
    color:#C1014C;
}

div.thumbContainer a:hover {
    color:#EC0B83;
}

div.thumbContainer div.thumbTitle {
    padding: 5px 0px;
    text-align:center;
    font-weight:bold;
}

.thumbDuration {
    background-color:black;
    font-size:10px;
    padding:1px;
    line-height:100%;
    color:white;
    position:absolute;
    margin:1px;
    float:left;
	display:block;
}

div.thumbContainer a.thumbImgDiv {
    float:left;
	display:block;
	margin-bottom:2px;
}

div.thumbContainer img.thumbImg {
    border:1px solid black;
    width:140px;
    height:105px;
}

div.thumbContainer div.preload {
    display:none;
}

div.thumbContainer div.thumbFooter {
    padding:0px 2px;
}

div.thumbContainer div.thumbFooter div.left {
    float:left;
    font-size:9px;
    margin-top:-1px;
	color:#EE0988;
}

div.thumbContainer div.thumbFooter div.right {
    float:right;
}

/* ***** ***** ***** ***** *****
 *
 * LOGIN BOX
 *
 * ***** ***** ***** ***** ***** */
div#popupOverlay {
    position:           absolute;
    float:              left;
    left:               0px;
    top:                0px;
    z-index:            999;
    width:              100%;
    height:             100%;
    _height:            1000px;
    background-color:   #000;
    opacity:            0.9;
    filter:             alpha(opacity=90);
    -moz-opacity:       0.9;
    -khtml-opacity:     0.9;
    overflow:           hidden;
}

/*
 * INPUTS, ASTERISQUES
 */

div.login div.gradientBox span {
    color:red;
}

div.login div.gradientBox div.errormsg {
    color:red;
    font-weight:bold;
    text-align:center;
}

div.login div.gradientBox label,
div.login div.gradientBox label a{
    color:#FF5309;
    cursor:pointer;
}

div.login div.gradientBox span.mini {
    color:#9E9E9E;
    font-style:italic;
}

div.login div.gradientBox input.text {
    border: solid 1px #7F9DB9;
    padding: 1px;
    width:145px;
}

div.login div.gradientBox div.main table td.acceptRules {
    /*padding: 10px 5px !important;*/
}

div.login div.gradientBox div.main table td.submitRow {
    /*padding-top:10px !important;*/
}

div.login div.gradientBox  div.main table td.submitRow input.submitBlue,
div.login div.gradientBox  div.main table td.submitRow input.submitOrange {
    float:right;
    margin-right:-2px;
}

/*
 * RIVER
 */


div.riverGroupTitle {
    color:#3F629C;
    font-size:20px;
    padding-left:10px;
    margin-bottom:5px;
}

div.riverElement {
    width:650px;
    height:131px;
    background:url("/img/river-element-overlay.png") no-repeat;
    padding:0;
    border:0;
    float:left;
    margin:0 0 15px 0;
}
div.riverElementType-video {
    background-color:#F7B4D1;
}

div.riverElementType-photo {
    background-color:#FEC460;
}


div.riverElementType-video,
div.riverElementType-video a {
    color:#ED1385;
}


div.riverElementType-photo,
div.riverElementType-photo a {
    color:#F58320;
}

div.riverElement a {
    text-decoration:none;
}
div.riverElement a:hover {
    text-decoration:underline;
}

div.riverElement a.riverMediaLink {

}

a.riverMediaThumbContainer {
	width:154px;
    height:117px;
	overflow:hidden;
	display:block;
    margin:6px 0 0 6px;
    padding:1px;
}

div.riverElement img.riverMediaThumb {
	margin-top:-5px;
	margin-left:-6px;
}


div.riverThumb {
    float:left;
}

div.riverMediaDetail {
    margin:0 0 0 174px;
    width:476px;
    height:131px;
}

div.riverMediaDetail div.head {
    height:25px;
}

div.riverMediaDetail div.iconeMedia {
    float:left;
    width:16px;
    padding-top:5px;
}

div.riverMediaDetail div.title {
    float:left;
    font-size:12px;
    width:318px;
    padding-top:5px;
    padding-left:10px;
}
div.riverMediaDetail div.title a {
    font-weight:bold;
}

div.riverMediaDetail div.iconeDate {
    float:left;
    width:16px;
    padding-top:5px;
}

div.riverMediaDetail div.date {
    float:left;
    font-weight:bold;
    font-size:10px;
    width:111px;
    padding-left:5px;
    padding-top:4px;
}

div.riverMediaDetail div.views_comments {
    font-size:11px;
    height:15px;
    padding:3px 0;
}

div.riverMediaDetail div.description {
    color:black;
    font-size:12px;
    line-height:120%;
    width:458px;
    height:45px;
    padding:5px;
}

div.riverMediaDetail div.media_user {
    height:30px;
    padding-top:6px;
    font-size:11px;
}
div.riverMediaDetail div.media_user a {
    font-weight:bold;
}

div.riverMediaDetail div.note {
    float:right;
    width:105px;
    padding-left:6px;
    padding-top:10px;
}
div.riverMediaDetail div.note img {
    margin:0 2px;
}

div.riverMediaDetail div.media_featured {
    float:left;
    width:150px;
    height:30px;
    margin-left:222px;
    margin-top:-37px;
}

/* ***** ***** ***** ***** *****
 *
 * BANNIERES DE PUB
 *
 * ***** ***** ***** ***** ***** */
a.pub_120x600 {
    margin-left:8px;
}

a.ban728 {
	display:block;
	width:728px;
	margin:15px auto 0px;
}

a.skyabrutix {
	width:120px;
	height:600px;
	text-align:center;
	margin:15px auto;
	display:block;
}

div.boxBlueMiddle div.adsense a {
	color:blue;
	font-size:16px;
}

a.fakeCatPub {
	color:red !important;
	font-weight:bold !important;
	font-size:13px !important;
}

div#sidebarLeft a.pub {
	display:block;
	width:120px;
	margin:15px auto;
}

div#sidebar a.pub ,
div#sidebarRight a.pub {
	display:block;
	width:120px;
	margin:15px auto;
	background:none;
	padding-left:0;
}

div.webtv a.ban728 {
	margin-top:25px;
}

div.webtv div.boxBlue {
	margin-top:15px;
}

div.recherche div#content {
	width:780px;
}

#js_pop_up {
	display:none;
}

.js_pop_up_shown {
	display:block !important;
}

/* ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 *
 *
 *   HEADER / FOOTER + INDEX
 *
 *
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** ***** */

/* ***** ***** ***** ***** *****
 *
 * HEADER TOP (SEARCH, RSS)
 *
 * ***** ***** ***** ***** ***** */

div#container {
	position:relative;
}

div#header {
    background: left top no-repeat url(/img/header-bg.png);
    width:980px;
	height:153px;
}

div#headerTop {
    height:117px;
}

div#headerTop a#logo {
	float:left;
	width:575px;
	margin-right:35px;
	text-indent:-9000px;
	display:block;
    height:117px;
    position:absolute;
}

div#header a#headerTete {
	position:absolute;
    background: left top no-repeat url(/img/header-tete.png);
	width:112px;
	height:132px;
	z-index:5;
}

div#headerTop a#linkTv {
    float:left;
    width:78px;
    text-indent:-9000px;
    display:block;
    height:78px;
    top:2px;
    left:510px;
    z-index:1000;
    position:absolute;
}

div#headerTop div.right {
	float:right;
	height:109px;
	margin-top:2px;
	width:378px;
	background: left 52px no-repeat url(/img/mon-compte-bg.png);
}

div#headerTop div.right div.first {
	margin-top:15px;
	margin-bottom:7px;
	height:30px;
    background: left top no-repeat url(/img/recherche-bg.png);
}

div#headerTop div.right div.first input {
	display:block;
	border:none;
	background-color:transparent;
	height:30px;
	float:left;
}

div#headerTop div.right div.first input.text {
	width:142px;
	padding:8px 5px 0px 24px;
	height:20px;
}

div#headerTop div.right div.first input.submit {
	width:35px;
	cursor:pointer;
}

div#headerTop div.right div.second {
	height:27px;
	padding-left:1px;
}

div#headerTop div.right div.second a {
	float:left;
	display:block;
	height:27px;
	text-indent:-9000px;
}

div#headerTop div.right div.second a.envoyerFichier {
	background: left top no-repeat url(/img/envoyer-fichier.png);
	width:170px;
}

div#headerTop div.right div.second a.rssButton {
	background: left top no-repeat url(/img/rss-button.png);
	width:65px;
}

div#headerTop div.right div.second a.monCompteButton {
	background: left top no-repeat url(/img/mon-compte-button.png);
	width:115px;
	margin:4px 9px;
	height:20px;
}

div#headerTop div.right div.third {
	height:33px;
}

div#headerTop div.right div.third div {
	float:left;
}

div#headerTop div.right div.third div.auth {
	height:22px;
	width:230px;
	margin:6px 0px 0px 8px;
	position:relative;
}

div#headerTop div.right div.third div.auth span {
	color:#3A8BE4;
	font-size:15px;
	font-weight:bold;
	display:block;
	padding-top:1px;
	padding-left:1px;
}

div#headerTop div.right div.third div.auth a {
	color:#3A8BE4;
	text-decoration: none;
}

div#headerTop div.right div.third div.auth a:hover {
	text-decoration: underline;
}

div#headerTop div.right div.third div.auth input.text {
	border:solid 1px #C31E54;
	width:87px;
	padding:0px 1px;
	margin-right:5px;
}

div#headerTop div.right div.third div.auth input.noFocus {
	text-align:center;
	color:#999999;
}

div#passwdHelper , div#loginHelper {
	position:absolute;
	top:0;
	height:18px;
	width:97px;
	text-align:center;
	color:#999999;
	background:transparent;
	font-size:11px;
	padding-top:0px;
	cursor:text;
}

div#loginHelper {
	left:0;
}

div#passwdHelper {
	left:101px;
}

div#headerTop div.right div.third div.auth input.submit {
	border:solid 1px #003C74;
	font-size:12px;
	background-color:#F4F4EF;
}

div#headerTop div.right div.third div.insc {
	height:30px;
	width:130px;
	text-align:center;
	line-height:13px;
	margin-top:-2px;
}

div#headerTop div.right div.third div.insc a {
	color:#C31E54;
}

div#headerTop div.right div.third div.insc a.insc {
	font-size:12px;
	font-weight:bold;
}

div#headerTop div.right div.third div.insc a.lostMdp {
	font-size:10px;
}

div#headerTop div.right div.third div.insc a.profil {
	font-size:12px;
	font-weight:bold;
}

div#headerTop div.right div.third div.insc a.logout {
	font-size:11px;
}

/* ***** ***** ***** ***** *****
 *
 * HEADER BOTTOM (MENU)
 *
 * ***** ***** ***** ***** ***** */

div#headerBottom {
    height:37px;
}

div#menu {
    text-indent:-9000px;
    height:37px;
    display:block;
    z-index:2;
    position:relative;
    margin:0;
    margin-left:4px;
}

div#menu a {
    text-indent:-9000px;
    width:140px;
	height:34px;
    display:block;
    float:left;
    z-index:3;
    position:relative;
	margin:0px 1px;
}

div#header a:focus {
    outline:none;
}

div#menu a.accueil {
    background: left top no-repeat url(/img/accueil.png);
	width:120px;
}

div#menu a.videos {
    background: left top no-repeat url(/img/videos.png);
	width:107px;
}

div#menu a.videos-x {
    background: left top no-repeat url(/img/videos-x.png);
	width:114px;
}

div#menu a.photos {
    background: left top no-repeat url(/img/photos.png);
	width:110px;
}

div#menu a.rencontre {
    background: left top no-repeat url(/img/rencontre.png);
	width:137px;
}

div#menu a.liveshow {
    background: left top no-repeat url(/img/liveshow.png);
	width:130px;
}

div#menu a.webtv {
    background: left top no-repeat url(/img/webtv.png);
    width:123px;
}

div#menu a.humour {
    background: left top no-repeat url(/img/humour.png);
    width:114px;
}

div#headerBottom div.right {
    padding-top:5px;
    padding-left:5px;
}

div#headerBottom a.fichier {
    font-weight:bold;
    color:#FFFCA5;
}

div#headerBottom a.compte{
    font-weight:bold;
    color:#FAFAFA;
}

/* SELECT DROP DOWN */

div#ddType {
	float:left;
	height:25px;
	width:131px;
	padding:7px 3px 0px 28px;
	color:white;
	cursor:pointer;
	font-weight:bold;
}

div#headerTop div.right div.first div.video {
	background: 4px center no-repeat url(/img/dd-video.png);
}

div#headerTop div.right div.first div.photos {
	background: 4px center no-repeat url(/img/dd-photos.png);
}

div#ddTypeBox {
	position:absolute;
	right:45px;
	top:45px;
	width:160px;
	z-index:50;
	background:white;
	border:solid 1px #CCCCCC;
}

div#ddTypeBox a {
	display:block;
	height:16px;
	padding:3px 0px 4px 28px;
	text-decoration:none;
	font-weight:bold;
}

div#ddTypeBox a:hover {
	background-color:#308BE7 !important;
	color:white;
}

div#ddTypeBox a.tous {
	/*background: 4px center no-repeat url(/img/dd-tous.png);*/
}

div#ddTypeBox a.video {
	background: 4px center no-repeat url(/img/dd-video.png) #E4F4FF;
}

div#ddTypeBox a.photos {
	background: 4px center no-repeat url(/img/dd-photos.png) #CBFFC1;
}

/* MESSAGE AUTH NOK */

div#toolTipWrongAuth {
	background:transparent url(/img/tool-tip-wrong-auth.png) no-repeat scroll left top;
	height:40px;
	padding:27px 5px 5px 10px;
	position:absolute;
	right:41px;
	top:106px;
	width:314px;
	z-index:5000;
}

/* ***** ***** ***** ***** *****
 *
 * CONTENT
 *
 * ***** ***** ***** ***** ***** */

div#content {
    /*width:770px;*/
    float:left;
    padding: 0px 3px 10px 3px;
}

div#contentHome {
    width:700px;
    float:left;
    padding: 0px 5px 10px 5px;
}

p.concoursNotice {
	padding-top: 10px;
	font: bold 13px Arial;
	color: #496ed9;
	text-align: center;
}

p.concoursNotice a {
	color: #496ed9;
}

div#top10v {
    height:auto;
}

/* Title Bar Images */
div#top10v,
div#top10p,
div#videosUtil,
div#selecX {
    padding-bottom:10px;
}

div#content div.titleBar {
    height:55px;
    padding-top:4px;
}

div#top10v div.titleBar,
div#top10p div.titleBar,
div#videosUtil div.titleBar {
    background: left top no-repeat url(/img/content-bar.png);
}

div#selecX div.titleBar {
    background: left top no-repeat url(/img/content-bar-x.png);
}

/* Title Images */
div#top10v div.title {
    background: 7px top no-repeat url(/img/content-txt-top10v.png);
    text-indent:-9000px;
    height:30px;
}

div#top10p div.title {
    background: 7px top no-repeat url(/img/content-txt-top10p.png);
    text-indent:-9000px;
    height:30px;
}

div#selecX div.title {
    background: 7px -1px no-repeat url(/img/content-txt-selec-x.png);
    text-indent:-9000px;
    height:30px;
}

div#videosUtil div.title {
    background: 7px top no-repeat url(/img/content-txt-videos-util.png);
    text-indent:-9000px;
    height:30px;
}

div.titleBar div.links,
div.titleBar div.links a,
div#selecX div.links,
div#selecX div.links a {
    padding-top:1px;
    color:white;
}

div.titleBar div.links,
div#selecX div.links {
    padding-left:25px;
}

div.thumbsRow , div.thumbsList {


}

div.thumbsList div.border {
/*     border-bottom: dotted 1px #DDDDDD; */
}

/* ***** ***** ***** ***** *****
 *
 * SIDEBAR
 *
 * ***** ***** ***** ***** ***** */

div#sidebar, div#sidebarRight {

}
div#sidebar a,
div#sidebarRight a {
    font-size:13px;
    font-weight:bold;
    line-height:160%;
    text-decoration:none;
	background: left center url(/img/fleche-rose.png) no-repeat;
	padding-left:24px;
}

div#sidebar a:hover,
div#sidebarRight a:hover {
    text-decoration:underline;
}

div#sidebarHome {
    float:left;
    margin-top:28px;
    width:250px;
    text-align:center;
}
div#sidebarHome a {
    font-size:20px;
    text-decoration:none;
    line-height:150%;
}
div#sidebarHome a:hover {
    text-decoration:underline;
}
a.topHome_1 {
    color:#9B1B41;
}
a.topHome_2 {
    color:#C31E54;
}
a.topHome_3 {
    color:#ED1889;
}
a.topHome_others {
    color:#EF7AB0;
}
a.topHome_acces {
    font-size:16px !important;
    color:#F38941;
    font-weight:bold;
}
img#topHeadPic {
    margin-top:20px;
}
div#topPic {
    float:left;
}
div#topPicFrame {
    position:absolute;
}

div#sidebar {
    background:left top repeat-y url("/img/sidebar-bg.png");
    float:left;
    margin-top:28px;
    width:180px;
    padding-left:5px;
}

div#sidebar img {
    margin: 5px 10px;
}

/* ***** ***** ***** ***** *****
 *
 * FOOTER
 *
 * ***** ***** ***** ***** ***** */

div#footer {
    height: 106px;
    background: left top repeat-x url(/img/footer-bg.png);
    width: 980px;
    clear:both;
}

div#footer div.left {
    float:left;
    padding-left:155px;
    margin-top:22px;
}

div#footer div.cadre {
    background: left top no-repeat url(/img/footer-cadre.png);
    width:700px;
    height:29px;
    padding:6px 0px 5px 10px;
}

div#footer div.cadre span {
    color:#AAAAAA;
}


div#footer div.cadre span a {
    color:#AAAAAA;
}

div#footer div.contact {
    width:85px;
    height:85px;
    float:right;
    margin-right:15px;
    margin-top:18px;
}

div#footer div.contact a {
    display:block;
    width:85px;
    height:88px;
    text-indent:-9000px;
}

div#footer div.contact a:active, div#footer div.contact a:focus {
	outline:none;
}

div#stats,
div#extras,
div#legal {
    text-align:         center;
}

div#extras a {
	color:white;
	font-weight:bold;
}

/* ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 *
 *
 *   LOGIN / SUBSCRIBE
 *
 *
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** ***** */


div.login {
    padding-top:40px;
}


div.login div#sidebar {
    background:right top repeat-y url(/img/sidebar-bg-m-p.png);
    float:left;
    height:auto;
    width:170px;
    padding-left:10px;
    margin-top:0px;
    margin-right:45px;
}

div.login div#content {
    width:735px;
    float:left;
    padding: 0px 5px 10px 5px;
}

div#loginandsubscriptionGradientBox {
    float:left;
    width:380px;
}

/* why register ? */
div#whyRegisterGradientBox {
    margin-left:40px;
    float:left;
    width:292px;
}

div#whyRegisterGradientBox div.title {
    color:#C1014E;
}

div#whyRegisterGradientBox div.main {
    background:left bottom repeat-x url(/img/compte-box2.png);
    height:230px;
    padding-top:20px;
    color: #EE0A85;
    font-size:14px;
}

div#whyRegisterGradientBox div.main p {
    display:block;
    margin:10px 20px;
}

/* recover password */
div#lostpwdGradientBox {
    width:700px;
}

div#lostpwdGradientBox p {
    text-align:center;
    font-size:14px;
}

div#lostpwdGradientBox div.main div.form {
    margin:10px 20px;
    padding: 3px 5px;
    text-align:center;
}

div#lostpwdGradientBox div.main input.submitBlue {
    display:inline;
}


/* ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 *
 *
 *   CATEGORIES
 *
 *
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** ***** */


div#sidebarLeft {
    background:right top repeat-y url(/img/sidebar-bg-m.png);
    float:left;
    height:auto;
    width:144px;
    padding-left:5px;
    margin-top:28px;
    margin-right:0px;
}

div#sidebarLeft p.list {
    margin:5px 0px;
    background:left 3px no-repeat url(/img/categories-list.png);
}

div#sidebarLeft a.filterSelected {
    font-weight:bold;
}

div#sidebarLeft a.categorySelected {
    font-weight:bold;
}

div#sidebarLeft p a {
    font-size:12px;
}
div#sidebarLeft p a:hover {
    text-decoration:underline;
}

div#sidebarRight {
    background:left top repeat-y url(/img/sidebar-bg.png);
    float:right;
    height:auto;
    margin-top:28px;
    width:170px;
    padding-left:5px;
}

div.categories div#content {
    width:616px;
    margin-top:28px;
    margin-left:21px;
}

div.categories div.counterContainer {
    float:right;
    width:auto;
    padding:10px;
}

div.topMsg {
    height:30px;
    font-size:12px;
}

div.topMsg div.left {
    float:left;
    width:420px;
    padding-top:2px;
}

div.categories div.thumbsRow {
    width:auto;
}

div#sidebarLeft p.list a img {
    position:relative;
    top:1px;
    padding-right:1px;
}


/* ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 *
 *
 *   VISU
 *
 *
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** *****
 * ***** ***** ***** ***** ***** */


div.visu div#content {
    width:825px;
}

div#sidebarLeft div.adsense {
    background-color:#EEFFFF;
    width:120px;
    height:100px;
    margin:7px;
}

div.visu div.boxBlueMiddle div.left {
    float:left;
    width:550px;
    margin-top:-6px;
    margin-left:9px;
}

div.visu div.boxBlueMiddle div.right {
    float:right;
    width:251px;
    margin-top:-6px;
}

div.boxBlue {
    width:823px;
    margin-top:28px;
    margin-left:1px;
}

div.boxBlueTop {
    width:823px;
    height:15px;
    background:left top no-repeat url(/img/box-blue-top.png);
}

div.boxBlueMiddle {
    width:823px;
    background:left top repeat-y url(/img/box-blue-middle.png);
}

div.boxBlueBottom {
    width:823px;
    height:15px;
    background:left top no-repeat url(/img/box-blue-bottom.png);
}

div.boxWhite {
    margin-right:9px;
    background:left 12px no-repeat url(/img/white.png);
}

div.boxWhiteTop {
    width:251px;
    height:12px;
    background:left top no-repeat url(/img/box-white-top.png);
}

div.boxWhiteMiddle {
    width:251px;
    background-color:white;
    padding-top:1px;
    padding-bottom:1px;
}

div.boxWhiteBottom {
    width:251px;
    height:12px;
    background:left top no-repeat url(/img/box-white-bottom.png);
}

div.boxBlue div.title {
    font-size: 24px;
    text-align:center;
    padding: 8px 0px 13px 0px ;
    font-weight:bold;
    color:#C1014C;
}

div.boxBlue div.trashWarning {
    color: #FF0000;
    font-weight: bold;
    font-size:14px;
    padding: 5px;
}

div.boxBlue div.controls {
    margin:15px 0px
}

div.boxBlue div.controls div.cLeft {
    float:left;
}

div.boxBlue div.controls div.cLeft input.q {
    width: 240px;
}

div.boxBlue div.controls div.cRight {
    float:right;
}

div.boxBlue div.controls div.cCenter {
    text-align:center;
}

div.boxBlue div.controls a.submitBlue {
    float:left;
    margin-left:5px;
}

/*
 * Comments
 */

div.boxBlue div.comments {
    background-color:white;
    padding:8px;
    border:dotted 1px #D5AFD2;
}

div.comments div.adsense {
    background-color:#EEFFFF;
    width:340px;
    height:290px;
    margin:5px auto 20px;
}

div.comments a.btnSubmit {
    float: right;
}

div.boxBlue p.arrowBlue {
    float:left;
    background:left 5px no-repeat url(/img/arrow-blue.png);
    padding-left:23px;
    padding-bottom:4px;
    display:block;
    font-weight:bold;
    color:#EC0B83;
    margin-top:4px;
}

div.comments div.top a.postComment {
    float:right;
    background:left bottom no-repeat url(/img/button-comment.png);
    width:185px;
    height:24px;
    padding-top:5px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}

div.comments div.top div.clear {
    height:20px;
}

div.comments div.comment {
    width:527px;
    background:url("/img/detail_comment.png") no-repeat top left #fff;
    border:1px solid #FFB6D9;
    margin:0 0 5px 0;
    padding:0px;
}

div.comment div.leftComment {
    float:left;
    width:94px;
    height:92px;
}

div.comment div.rightComment {
    float:left;
    width:433px;
}

div.comment div.commentAvatar {
    width:80px;
    height:80px;
    margin:5px;
    border:1px solid #EC0B83;
}

div.comment div.commentNick {
    float:left;
    color:#EC0B83;
    height:16px;
    padding:4px;
}

div.commentNick div.iconeGender {
    float:left;
    width:16px;
    height:16px;
}

div.commentNick div.nick {
    margin-left:5px;
    float:left;
}

div.comment div.commentNick a {
    color:#EC0B83;
    font-weight:bold;
    text-decoration:none;
}

div.comment div.commentNick a:hover {
    text-decoration:underline;
}

div.comment div.commentDatetime {
    float:right;
    color:#EC0B83;
    height:16px;
    padding:4px;
}

div.commentDatetime div.date {
    font-weight:bold;
    margin-left:5px;
    float:left;
}

div.comment div.commentMessage {
    float:none;
    clear:both;
    width:424px;
    padding:10px 5px 5px 5px;
    text-align:justify;
}

div.comment span.deletecomment{
	display: block;
	text-align: right;
	color: #FF0000;
	font: 12px sans-serif;
	cursor: pointer;
	margin: 0 5px 3px 0;
}

div.boxWhite div.top img {
    margin-left:9px;
    margin-top:-4px;
}

div.boxWhite div.top div.right {
    margin-top:-6px;
    width:160px;
}

div.boxWhite div.top div.right strong {
    color:#EC0B83;
    font-weight:bold
}

div.boxWhite hr {
    display:block;
    height:0px;
    width:230px;
    margin:5px auto;
    border:none;
    border-bottom: dotted 1px #FFC5FB;
    clear:both;
    float:none;
}

div.boxWhite p.arrowBlue {
    float:none;
    margin-bottom:5px;
}

div.boxWhite p.proprietes {
    margin:10px 0px;
}

div.boxWhite p.proprietes strong {
    font-weight:bold;
    color:#EC0B83;
}

div.boxWhite p a {
    color:#EC0B83;
}

div.boxWhite p.abrutis {
    height:16px;
    display:block;
    padding-left:23px;
    margin:8px 0px;
    background:left center no-repeat url(/img/abrutis_16.png);
}

div.boxWhite p.facebook {
    height:16px;
    display:block;
    padding-left:23px;
    margin:8px 0px;
    background:left center no-repeat url(/img/facebook.ico);
}

div.boxWhite p.delicious {
    height:16px;
    display:block;
    padding-left:23px;
    margin:8px 0px;
    background:left center no-repeat url(/img/delicious.ico);
}

div.boxWhite p.stumbleupon {
    height:16px;
    display:block;
    padding-left:23px;
    margin:8px 0px;
    background:left center no-repeat url(/img/stumbleupon.ico);
}

div.boxWhite div.info,
div.boxWhite div.vote,
div.boxWhite div.report,
div.boxWhite div.related,
div.boxWhite div.embed {
    margin:0px 10px;
}

div.relatedVideosContainer {
    width:190px;
    margin:20px auto;
    height:335px;
    overflow:auto;
	position:relative;
}

/*
 * Visu Photo Controls
 */

div.visu div.photo {
    background-color:white;
}

div.visu div.photo img {
    margin: 0px auto 10px;
    display:block;
}

/* 
 * EMBED BUBBLE AND LINKS
 */ 

div.embedContainer form {
	padding-left: 9px;
	position: relative;
}	

div.embedContainer textarea.embed_code {
	width: 216px;
	padding: 3px 0;
	background: repeat-x url('/img/embed_inputbkg.png');
	overflow: hidden;
	color: #c1014c;
	font: 12px Arial;
	border: 2px solid #ffbadf;	
}

div.embedContainer a {
	font: bold 12px/26px Arial;
	color: #ec0b83;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 35px;
}

div.embedContainer a:hover {
	text-decoration: underline;
}

div.embedContainer a.copy {
	background-image: url('/img/embed_copy.png');	
}

div.embedContainer a.personalize {
	background-image: url('/img/embed_personalize.png');		
}

div.embedContainer #embedBubble {
	background: no-repeat url('/img/embed-bubble.png');
	width: 317px;
	height: 100px;
	position: absolute;
	margin: -95px 0 0 -200px;
}		
	
div.embedContainer #embedBubble span.select {
	font: bold 12px Arial;
	color: #ec0b83;
	background: no-repeat url('/img/embed_config.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;	
	float: left;
	display: block;
	margin: 3px 5px;	
}	

div.embedContainer #embedBubble div.close {
	margin: 3px 5px;		
}

div.embedContainer #embedBubble div.close {
	float: right;	
}

div.embedContainer #embedBubble ul {
	padding-top: 5px;	
}

div.embedContainer #embedBubble li span {
	display: block;
	padding-top: 5px;	
}

div.embedContainer #embedBubble li {
	list-style: none;
	float: left;
	height: 44px;
	margin-left: 8px;
}

div.embedContainer #embedBubble li.small {
	background: 0 bottom no-repeat url('/img/embed_screen_small.png');
	padding-left: 35px;		
}

div.embedContainer #embedBubble li.medium {
	background: 0 bottom no-repeat url('/img/embed_screen_medium.png');
	padding-left: 43px;		
}

div.embedContainer #embedBubble li.big {
	background: 0 bottom no-repeat url('/img/embed_screen_big.png');
	padding-left: 51px;		
}

/*
 * UPLOAD
 */

div#uploadOneGradientBox {
    margin-right:40px;
    width:695px;
    margin-left:132px;
}

div#uploadOneGradientBox div.title {
    color:#2562D8;
    text-align:left;
}

div#uploadOneGradientBox div.main {
    background:left bottom repeat-x url(/img/compte-box3.png);
    padding-top:5px;
    color: #2562D8;
    font-size:12px;
}

div#uploadOneGradientBox table {
    margin-left:10px;
}

div#uploadOneGradientBox td {
    padding:3px;
}

div#uploadOneGradientBox div.infosTech {
    color:#AAAAAA;
    font-size:9px;
}

div#uploadOneGradientBox div.reflection {
    height:20px;
}

/* bottom */
div#uploadTwoGradientBox {
    width:695px;
    margin-left:132px;
}

div#uploadTwoGradientBox div.title {
    color:#2562D8;
    text-align:left;
}

div#uploadTwoGradientBox div.main {
    background:left bottom repeat-x url(/img/compte-box1.png);
    padding-top:20px;
    color: #9E9E9E;
    font-size:14px;
}

div#uploadTwoGradientBox div.main p,
div#uploadTwoGradientBox div.main table {
    margin:10px 30px;
}

table.uploadInfoTable  td {
    padding:3px;
    vertical-align:middle;
}

table.uploadInfoTable td.left {
    vertical-align:top !important;
    width:105px;
}

table.uploadInfoTable tr.moreTopPadding td{
    padding-top:15px !important;
}

table.uploadInfoTable td.large {
    width:160px;
}

div#uploadTwoGradientBox input.text {
    border:solid 1px #ACA899;
    padding:1px;
}

table.uploadInfoTable textarea {
    width:510px;
    height:90px;
    border:solid 1px #ACA899;
}

table.visibilite td {
    width:110px;
}

div.upload div#content {
    position:relative;
}

div.uploadArrow {
    position:absolute;
    right:120px;
    top:85px;
    width:60px;
    height:60px;
    background:left top no-repeat url(/img/upload-arrow.png);
}

td#progressBarTd {
    padding:0px;
}

div#progressBarFrame {
    background:url(/img/upload-bar-frame.png) no-repeat #ABABAB;
    width:320px;
    height:24px;
}

div#progressBarFrame div#progressBar {
    background:url(/img/upload-bar-progress.png) repeat-x #2E86E5;
    text-align:center;
    margin-left:2px;
    height:24px;
}

div#progressBarFrame div#progressBar p {
    font-weight:bold;
    color:#FFFFFF;
    font-size:16px;
    padding-top:4px;
}

/* ***** ***** ***** ***** *****
 *
 * PAGE RESULTAT DE RECHERCHE
 *
 * ***** ***** ***** ***** ***** */

div.search_items {
	width: 164px;
	float: left;
	margin: 10px;
}

div.search_items a {
	display: block;
	font: bold 12px Arial;
	text-align: center;
	color: #2360d5;
	text-decoration: none;
	font-weight: bold;
	padding-bottom:3px;
}

div.search_items a.photo {
	color: #FF830B;
}

div.search_items a.video {
	color: #ED0C86;
}

div.search_items a strong{
	color: #FF0000;
	font-weight: bold;
}

div.search_items div.search_overlay {
	width: 164px;
	height: 144px;
	display: block;
	position: absolute;
}

div.search_items div.search_overlay img {
	border: 0;
}

div.search_views {
	position: absolute;
	color: #FFFFFF;
	font: 12px Arial;
	margin: 126px 0 0 3px;
}

div.search_rating {
	position: absolute;
	margin: 126px 0pt 0pt 90px;
}

div.searchTitle {
	font: 14px Verdana;
	vertical-align: middle;
	text-align: center;
	color:#ED0C86;
	margin: 15px 0px 5px;
}

div.searchTitle * {
	vertical-align: middle;
}

div.searchTitle strong {
	font-weight: bold;
	padding-left: 5px;
	color:#C0004B;
}

div.searchTitle .loupe{/*
	padding: 0px 0 0px 30px;
	line-height: 30px;
	background-image: url('/img/loupe.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
*/}

div.searchTitle .loupe strong {
	font-weight: bold;
}

div.searchTitle a{
	font-weight:bold;
	color:#ED0C86;
}

div.content_search {
	padding-left: 15px;
}

/* ***** ***** ***** ***** *****
 *
 * HISTORIQUE DE RECHERCHE
 *
 * ***** ***** ***** ***** ***** */

div#termsList {
    margin:50px 100px;
    text-align:center;
}
div#termsList a {
    line-height:180%;
    margin:0 5px;
    text-decoration:none;
    color:#2562D8;
}
div#termsList a:hover {
    background-color:#2562D8;
    color:white;
}

/* ***** ***** ***** ***** *****
 *
 * PROFIL
 *
 * ***** ***** ***** ***** ***** */

div#leftColumn,
div#rightColumn  {
    float:left;
    width:475px;
    margin-left:10px;
    margin-top:20px;
    padding:0px;
}

div#mesInformations,
div#mesCommentaires,
div#forum,
div#mesMedias {
    width:475px;
    margin:0px;
}
div#mesFavoris {
    float:left;
    width:960px;
    margin-left:10px;
}

div#mesFavoris div.title {
    padding-left:25px;
    background:url("/img/favorite.png") no-repeat left center;
}

div#mesInformations div.main,
div#mesFavoris div.main,
div#mesCommentaires div.main,
div#forum div.main,
div#mesMedias div.main {
    padding:10px;
}

div#mesFavoris div.media {
    float:left;
    padding:5px 5px;
}
div#mesFavoris div.image {
    padding:4px;
}
div#mesFavoris div.overlay {
    float:left;
    position:absolute;
}

a#linkSendMsg {
    margin-top:15px;
}

div.monProfil div.counterContainer {
    margin:20px 10px 10px 20px;
    padding:0;
}

div.monProfil div.gradientBox div.title {
    color:#2562D8;
    font-size:18px;
    height:13px;
    text-align:left;
}

div#mesMedias div.title div {
    float:left;
    width:158px;
    margin-left:5px;
    text-align:left;
}

div#mesMedias div.title div.first {
    margin-left:0px;
}

div#mesMedias div.title div.tab {
    width:96px;
    height:21px;
    margin-top:-1px;
    font-size:12px;
    padding-top:3px;
    text-align:center;
    position:relative;
    top:1px;
    float:right;
    cursor:pointer;
}

div#mesMedias div.title div.active {
    background: left top no-repeat url(/img/tab-active.png);
    color:white;
}

div#mesMedias div.title div.inactive {
    background: left top no-repeat url(/img/tab-inactive.png);
    color: #696969;
}


/* ***** ***** ***** ***** *****
 *
 * CONTACT
 *
 * ***** ***** ***** ***** ***** */

div#contactGradientBox {
    width:700px;
}

div#contactGradientBox .error {
    font-weight:bold;
    color:red;
    text-align:center;
}

div#contactGradientBox table {
    margin:10px auto;
    width:600px;
}

div#contactGradientBox td {
    padding:5px;
}

div#contactGradientBox td.left {
    font-weight:bold;
    vertical-align:top;
}

div#contactGradientBox textarea {
    width:30em;
    height:150px;
}


/* ***** ***** ***** ***** *****
 *
 * RIVER
 *
 * ***** ***** ***** ***** ***** */

/* detail d'un media */
/* se trouve dans common.css */

div#riverTitle {
    color:#3F629C;
    font-size:30px;
    padding-left:20px;
}

div#riverMedias {
    padding: 10px 20px 20px 20px;
}

/* ***** ***** ***** ***** *****
 *
 * BANNED
 *
 * ***** ***** ***** ***** ***** */
div#mainBanned * {
    margin:0;
    border:0;
    padding:0;
    width:auto;
    float:none;
}
div#gradientBoxBanned {
    width:960px;
    margin-left:10px;
}
div#gradientBoxBanned div.main {
    padding:50px;
}
div#gradientBoxBanned p {
    font-size:30px;
    color:#f00;
    line-height:150%;
    text-align:center;
}

/* ***** ***** ***** ***** *****
 *
 * page 404
 *
 * ***** ***** ***** ***** ***** */
div#main404 * {
    margin:0;
    border:0;
    padding:0;
    width:auto;
    float:none;
}
div#gradientBox404 {
    width:960px;
    margin-left:10px;
}
div#gradientBox404 div.main {
    padding:50px;
}
div#gradientBox404 p {
    background:url("/img/404.png") no-repeat;
    width:500px;
    height:230px;
    font-size:30px;
    color:#f00;
    line-height:150%;
    text-align:center;
    padding-top:270px;
    margin-left:180px;
}

/*
 * PREMIER LIEN DE LA TOP, AFFICHE A L'ANCIEN EMPLACEMENT ADSENSE
 */

span.topFirst {
	color:#043699;
	display:block;
	font-size:16px;
	margin:4px 5px;
	text-align:left;
}

span.topFirst a {
	color:#043699;
	font-weight:bold;
}

/* ***** ***** ***** ***** *****
 *
 * CLASSEMENT CONCOURS SIDEBAR HOME
 *
 * ***** ***** ***** ***** ***** */

div.classement {
	margin-top:30px;
	width:250px;
	text-align:center;
}

div.classement div.firstChild {
	width:29px;
}

div.classement div.secondChild {
	width:168px;
}

div.classement div.thirdChild {
	width:53px;
}

div.classement div.top {
	background: left top no-repeat url(/img/classement-table-small-top.png);
	height:33px;
	padding-top:2px;
}

div.classement div.top div {
	background: 8px 8px no-repeat url(/img/icon-medaille.png);
	color:#3F94EB;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	text-indent:33px;
	height:25px;
	padding-top:8px;
}

div.classement div.head {
	background: left top no-repeat url(/img/classement-table-small-th.png);
	height:23px;
}

div.classement div.head div {
	color:white;
	font-weight:bold;
	font-size:13px;
	float:left;
	height:21px;
	padding-top:2px;
}

div.classement div.row {
	height:30px;
}

div.classement div.row div {
	float:left;
	height:25px;
	padding-top:5px;
}

div.classement div.row div.fisrtChild {
	padding-top:0px;
}

div.classement div.even {
	background: left top no-repeat url(/img/classement-td-small-even.png);
}

div.classement div.odd {
	background: left top no-repeat url(/img/classement-td-small-odd.png);
}

div.classement div.row * {
	font-size:11px !important;
	font-weight:bold;
}

div.classement div.row div a {
	color:#3F94EB !important;
}

div.classement div.number1 div.firstChild span {
	background: center top no-repeat url(/img/classement-first-small.png);
	text-indent:-9000px;
	display:block;
	height:25px;
}

div.classement div.number2 div.firstChild span {
	background: center top no-repeat url(/img/classement-second-small.png);
	text-indent:-9000px;
	display:block;
	height:25px;
}

div.classement div.number3 div.firstChild span {
	background: center top no-repeat url(/img/classement-third-small.png);
	text-indent:-9000px;
	display:block;
	height:25px;
}

div.classement div.row div.firstChild span {
	font-size:15px !important;
	color:#3F94EB;
}


div.classement div.bottom {
	background: left top no-repeat url(/img/classement-table-small-bottom.png);
	height:25px;
}

div.classement div.bottom div {
	color:#3F94EB;
	float:left;
	height:22px;
	padding-top:3px;
}

div.classement div.bottom div.firstChild {
	width:162px;
}

div.classement div.bottom div.secondChild {
	width:88px;
}


div.classement div.bottom * {
	font-size:11px !important;
	font-weight:normal;
	color:white;
}

div.classement div.row a {
	display:block;
	text-align:left;
	padding-left:33px;
	height:100%;
}

div.classement div.still a {
	background: 8px 1px no-repeat url(/img/still-icon-small.png);
}

div.classement div.up a {
	background: 8px 1px no-repeat url(/img/up-icon-small.png);
}

div.classement div.down a {
	background: 8px 1px no-repeat url(/img/down-icon-small.png);
}

div.classement div.number1 div.secondChild {
	background: 140px center no-repeat url(/img/icon-ipod-small.png);
}



/* ***** ***** ***** ***** *****
 *
 * CLASSEMENT - PAGE PRINCIPALE
 *
 * ***** ***** ***** ***** ***** */

div.concoursPageContainer {
	width:610px;
	margin:20px 0px 20px 50px;
}

div.concoursPageContainer h1 {
	color:#3F94EB;
	font-weight:bold;
	font-size:26px;
	display:block;
	height:24px;
	padding-bottom:8px;
}

div.concoursPageContainer a.imgConcours {
	text-align:center;
	display:block;
	margin:10px 0px;
	height:74px;
}

div.classBig {
	margin:10px auto;
	width:610px;
	text-align:center;
}

div.classBig div.firstChild {
	width:49px;
}

div.classBig div.secondChild {
	width:322px;
}

div.classBig div.thirdChild {
	width:238px;
}

div.classBig div.top {
	background: left top no-repeat url(/img/classement-table-top.png);
	height:61px;

}

div.classBig div.top div {
	background: 10px top no-repeat url(/img/star-queen.png);
	color:#3F94EB;
	font-weight:bold;
	font-size:36px;
	text-align:left;
	text-indent:85px;
	height:37px;
	padding-top:22px;
}

div.classBig div.head {
	background: left top no-repeat url(/img/classement-table-th.png);
	height:34px;
}

div.classBig div.head div {
	color:white;
	font-weight:bold;
	font-size:22px;
	float:left;

	padding-top:6px;
	padding-bottom:2px;
}

div.classBig div.row {
	height:29px;
}

div.classBig div.row div {
	float:left;
	height:24px;
	padding-top:5px;
}

div.classBig div.row div.fisrtChild {
	padding-top:0px;
}

div.classBig div.even {
	background: left top no-repeat url(/img/classement-td-even.png);
}

div.classBig div.odd {
	background: left top no-repeat url(/img/classement-td-odd.png);
}

div.classBig div.row * {
	font-size:16px !important;
	font-weight:bold;
}

div.classBig div.row div a {
	color:#3F94EB !important;

}

div.classBig div.number1 div.firstChild span {
	background: center -1px no-repeat url(/img/classement-first.png);
	text-indent:-9000px;
	display:block;
	height:24px;
}

div.classBig div.number2 div.firstChild span {
	background: center -1px no-repeat url(/img/classement-second.png);
	text-indent:-9000px;
	display:block;
	height:24px;
}

div.classBig div.number3 div.firstChild span {
	background: center -1px no-repeat url(/img/classement-third.png);
	text-indent:-9000px;
	display:block;
	height:24px;
}

div.classBig div.row div.firstChild span {
	font-size:18px !important;
	color:#3F94EB;
}


div.classBig div.bottom {
	background: left top no-repeat url(/img/classement-table-bottom.png);
	height:25px;
}

div.classBig div.bottom div {
	color:#3F94EB;
	float:left;
	height:22px;
	padding-top:3px;
	text-align:left;
	text-indent:15px;
	font-weight:bold;
}

div.classBig div.bottom div.firstChild {
	width:123px;
}

div.classBig div.bottom div.secondChild {
	width:487px;
    text-align:right;
}


div.classBig div.bottom * {
	font-size:14px !important;
	color:white;
	font-weight:bold;
}

div.classBig div.bottom a {
    padding:0 5px;
    text-decoration:none;
}
div.classBig div.bottom a {
    text-decoration:underline;
}

div.classBig div.row a {
	display:block;
	text-align:left;
	padding-left:33px;
	height:100%;
}

div.classBig div.still a {
	background: 8px 1px no-repeat url(/img/still-icon-small.png);
}

div.classBig div.up a {
	background: 8px 1px no-repeat url(/img/up-icon-small.png);
}

div.classBig div.down a {
	background: 8px 1px no-repeat url(/img/down-icon-small.png);
}

div.classBig div.number1 div.secondChild {
	background: 290px center no-repeat url(/img/ipod-icon.png);
}

/* ***** ***** ***** ***** *****
 *
 * CLASSEMENT - PAGE PRINCIPALE
 *
 * ***** ***** ***** ***** ***** */

div#filters {
    padding:4px 0;
    color:#333;
    font-size:16px;
    height:26px;
    background:url("/img/filter_bg.png") repeat-x;
    width:593px;
}

div#filters img {
    vertical-align:middle;
}

div#filters span {
    font-weight:bold;
}

div#filters a {
    text-decoration:none;
    color:#ED0C84;
}

div#filters a.filterSelected {
    font-weight:bold;
}

div#filter-options {
    float:left;
}

div#filter-combo {
    float:left;
    position:relative;
	z-index:100;
}

ul#filter-period_list {
    position:absolute;
    z-index:500;
    background-color:#fff;
    border:1px solid #ED0C84;
    margin-left:12px;
}

ul#filter-period_list li a {
    padding:3px;
    display:block;
    width:130px;
}
ul#filter-period_list li a:hover {
    background-color:#D3FAFF;
}

/* ***** ***** ***** ***** *****
 *
 * MEDIA DU MOMENT
 *
 * ***** ***** ***** ***** ***** */

div#mostViewed {
    background:url("/img/mostviewed_bg.png") repeat-x bottom white;
    height:140px;
    width:593px;
    padding-top:8px;
	margin-bottom:8px;
}

div#mostViewed div.title {
    font-size:19px;
    color:#C1014C;
    margin-bottom:8px;
}

div#mostViewed div.thumb {
    float:left;
    margin-left:2px;
}

div#mostViewed div.thumb img.mediaThumb {
    width:140px;
    height:105px;
    border:1px solid black;
}

div#mostViewed div.detail {
    margin:0 10px 0 155px;
}

div#mostViewed div.detail div.mediaTitle,
div#mostViewed div.detail div.link {
    font-size:16px;
    font-weight:bold;
}
div#mostViewed div.detail div.mediaTitle a,
div#mostViewed div.detail div.link a {
    color:#C1014C;
    text-decoration:none;
}
div#mostViewed div.detail div.mediaTitle a:hover,
div#mostViewed div.detail div.link a:hover {
    color:#D90058;
}

div#mostViewed div.detail div.viewsRating {
    font-size:9px;
    color:#EE0988;
}
div#mostViewed div.detail div.viewsRating img {
    vertical-align:middle;
}

div#mostViewed div.detail div.description {
    text-align:justify;
    height:58px;
    color:#333;
}

/* ***** ***** ***** ***** *****
 *
 * GOOGLE ADS
 *
 * ***** ***** ***** ***** ***** */
div.adsense {
	text-align: center;
}

div.home_top {
	margin-right: 30px;
    margin-top: 20px;
    text-align: right;
}

div.home_menu {
	padding-top: 20px;
}

div.media_details_video {
	padding: 10px 0 0 0;
}

div.media_details_image {
	padding: 5px 0;
}

div.cat_right {
	padding-top: 10px;
}

div.cat_left {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}

/* WEBTV */

div.webtv div.boxBlueMiddle div.left {
    float:left;
    width:550px;
    margin-top:-6px;
    margin-left:9px;
}

div.webtv div.boxBlueMiddle div.right {
    float:right;
    width:251px;
    margin-top:-6px;
}

div.webtv div.boxBlue div.title {
    font-size: 20px;
    text-align:left;
    padding: 8px 0px 13px 4px ;
    font-weight:bold;
    color:#EE0A85;
}

div.webtv div.boxBlue div.title strong {
    color:#C1014C;
}

div.webtv div#sidebarLeft p.list {
	background:transparent url(/img/categories-list-webtv.png) no-repeat scroll left 2²px;
}

div#player {
    margin-left:4px;
}
div#popupLogin div#loginandsubscriptionGradientBox {
    margin:0;
    width:auto;
}

div#popupHead {
    text-align:right;
}
div#popupHead a {
    text-decoration:none;
}
div#popupHead a img {
    vertical-align:middle;
}

div#popupLogin div.title {
    height:50px;
}
div#popupLogin div.main {
    height:245px;
}
div#popupLogin div#loginGradientBox div.title {
    padding-bottom:0;
    padding-top:17px;
}
div#popupLogin div#subscribeGradientBox div.title {
    padding-bottom:12px;
}
/* login */
div#loginGradientBox {
    width:380px;
}

div#loginGradientBox div.title {
    color:#C1014E;
}

div#loginGradientBox div.main {
    background:left bottom repeat-x url(/img/compte-box3.png);
    padding-top:5px;
    color: #EE0A85;
    font-size:12px;
}

div#loginGradientBox div.main table {
    display:block;
    margin:10px 20px;
}

div#loginGradientBox div.main table td {
    padding: 3px 5px;
    text-align:right;
}

div#loginGradientBox div.main table td.left {
    text-align:left;
    width:170px;
}

div#loginGradientBox div.main table td.left a {
    color:#C1034D;
}

/* subscribe */
div#popupLogin div#subscribeGradientBox {
    margin-left:10px;
}

div#subscribeGradientBox {
    width:380px;
    float:right;
}

div#subscribeGradientBox div.title {
    color:#FF5309;
}

div#subscribeGradientBox div.main {
    background:left bottom repeat-x url(/img/compte-box1.png);
    padding-top:5px;
    color: #FF5309;
    border:dotted 1px #FEC55E;
    font-size:12px;
}

div#subscribeGradientBox div.main table {
    display:block;
    margin:10px 20px;
}

div#subscribeGradientBox div.main table td {
    padding: 3px 5px;
    text-align:right;
}

div#subscribeGradientBox div.main table td.left {
    text-align:left;
    width:170px;
}

div#subscribeGradientBox input#subscribeNick {
    padding-right:16px;
    width:129px;
}

/* ***** ***** ***** ***** *****
 *
 * POPUP DHTML VERSION 2
 *
 * ***** ***** ***** ***** ***** */

/* I keep div#popupOverlay for blue background, use search function to find it props */
/* and i rewrite popupLogin */

div#popupLogin {
    position:absolute;
    z-index:1000;
    width:762px;
    height: 411px;
    background-image: url('/img/pop-dhtml-background.png');
    background-repeat: no-repeat;
    padding: 0 !important;
}

#newdhtml span {
    color: #FF0000;
}

#newdhtml #popupFoot {
    position: absolute;
    margin: 380px 0 0 655px;
    background-image: url('/img/pop-dhtml-exit.png');
    background-position: right 50%;
    background-repeat: no-repeat;
    padding-right: 30px;
    height: 25px;
}

#popupFoot {
    cursor:pointer;
}

#newdhtml #popupFoot a {
    font: bold 16px/25px Arial;
    text-decoration: none;
    color: #C1014E;
}

#newdhtml #loginGradientBox {
    position: absolute;
    width: 312px;
    left: 450px;
    top: 80px;
}

#newdhtml #loginGradientBox table {
    width: 292px;
}

#newdhtml #subscribeGradientBox table {
    width: 390px;
}


#newdhtml #loginGradientBox td {
    padding: 5px 0 5px 0;
    color: #000;
    font: 12px Arial;
}

#newdhtml #subscribeGradientBox td {
    padding: 3px 0 3px 0;
    color: #000;
    font: 12px Arial;
}

/*#newdhtml #loginGradientBox td + td {*/
#newdhtml .tdright {
    text-align: right;
}

#newdhtml .login_pseudo input,
#newdhtml .login_pass input,
#newdhtml .login_email input,
#newdhtml .login_email .text {
    border: 1px solid #7f9db9;
    width: 140px !important;
    padding: 0 !important;
}

#newdhtml .subscribe input {
    display: block;
    background-image: url('/img/pop-dhtml-valider.png');
    background-repeat: no-repeat;
    width: 140px !important;
    height: 34px;
    border: 0;
    margin: 5px 0 10px auto;
    cursor: pointer;
}

#newdhtml .login_connec input {
    display: block;
    background-image: url('/img/pop-dhtml-connexion.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 34px;
    border: 0;
    margin: 10px 0 10px auto;
    cursor: pointer;
}

#newdhtml .login_lostpwd a {
    padding-left: 25px;
    background-image: url('/img/pop-dhtml-redball.png');
    background-repeat: no-repeat;
    color: #C0014E;
}

#newdhtml #subscribeGradientBox {
    position: absolute;
    width: 450px;
    top: 80px;
}

#newdhtml .subscribe_tou a {
    padding-left: 20px;
    background-image: url('/img/pop-dhtml-regelemnt.png');
    background-repeat: no-repeat;
    color: #C0014E;
}

#newdhtml .mini {
      font: italic 10px arial;
      color: #000 ;
}

#newdhtml .why_sub {
    position: absolute;
    top: 295px;
    left: 8px;
    padding: 3px 0 0 25px;
    color: #FF5508;
}

#newdhtml .errormsg {
    position: absolute;
    display: block;
    padding: 5px;
    color: #FF0000;
}

/* <FIN POPUP DHTML VERSION 2 >
-------------------------------------------------------------- */

div.overlayLogin {
	background-color:#FFA809 !important;
	opacity:0.5 !important;
    filter:             alpha(opacity=50) !important;
    -moz-opacity:       0.5 !important;
    -khtml-opacity:     0.5 !important;
}
