/****************************** GENERAL ******************************/
*{padding: 0; margin: 0;}
body {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: #D2D2D2 url(images/html_bg.jpg) repeat top left;
}
.global {
	width: 98%;
	padding: 5px;
	margin: 0px auto;
	background: #2C2A2D;
}
/*** admin texte ***/
#search_lov {
	border: #aaa solid 1px;
	padding: 10px 10px 30px 10px;
}
#search_lov input.submit{
	margin-left: 45%;
}
input.new,
input.update,
input.delete,
#search_lov input.submit,
#search_lov input.cancel{
	float: left;
}

/*** partie centrale ***/
#zone3 h1 {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 10px 0px 10px 40px;
	margin: 0px;
	text-transform: uppercase;
	background: transparent url(images/center/h1_bg.png) no-repeat 0 0;
}
#zone3 h2{
	font-size: 13px;
	color: #D6BAD1;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase; 
	border-bottom: #D6BAD1 dashed 1px;
	display: inline-block;
} 
h2{
	font-size: 13px;
	color: #D6BAD1;
	text-align: left;
	font-weight: bold;
} 
h2:first-letter,
h1:first-letter {
	font-size: 1.3em;
}
a.link {
	font-size: 13px;
	color: #893366;
	text-align: left;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	color: #D6BAD1;
	font-weight: bold;
}
h4{
	font-size: 11px;
	color: #444;
	font-weight: bold;
}
a.link:hover {
	color: #D6BAD1;;
}
div, p, span, ul, li{
	font-size: 12px;
	color: #fff;
}
p {
	padding: 0px 0px 5px 0px;
}
b, strong {
	color: #fff;
}	
a {
	color: #893366;
	text-decoration: none;
	cursor: pointer;
}	
a.warning{
	color: #fff;
}
a:focus{
	outline: #fff dotted 1px !important;
	/* border: #fff dotted 1px !important; */
}
a img {
	border: none;
}
select option{
	padding-right: 10px;
}
/*** détails ***/
.clear {
	clear: both;
}
div.see_all{
	text-align: right;
}
div.see_all a{
	text-decoration: underline;
}
div.wait {
	background: transparent url(images/wait.gif) no-repeat 0 0 !important;
}
a.delete {
	display: block;
	width: 35px;
	height: 35px;
	background: transparent url(images/icones/actions_buttons.png) no-repeat 0px -32px ;
	text-indent: -5000em;
}
a.update {
	display: block;
	width: 35px;
	height: 35px;
	background: transparent url(images/icones/actions_buttons.png) no-repeat 0px 0px;
	text-indent: -5000em;
}
div.form {
	width: 760px;
	margin: auto;
}
div.form h2 {
	color: #fff;
}
div.form div.top {
	background: transparent url(images/center/form_bg.png) no-repeat 0 0;
	height: 20px;
}
div.form div.center {
	border-left: #4d4d4d solid 1px;
	border-right: #4d4d4d solid 1px;
	background-color: #590232; 
	padding: 10px;
	width: 738px;
}
div.form div.bottom {
	clear: both;
	height: 20px;
	background: transparent url(images/center/form_bg.png) no-repeat 0 -63px;
}
input.new, 
input.update, 
input.delete, 
form input.cancel, 
form input.submit {
	display: block;
	width: 100px;
	margin: auto;
	border: none; 
	padding: 4px 7px;
	background: transparent url(images/buttons.png) no-repeat 0 -95px;
	color: #8C3063;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
/*** tableaux ***/
table {
	border-collapse: collapse; 
}
div.center table,
div.listview table  {
	border-color: #590232 !important;
}
td.label{
	background-color: transparent !important;
}
div.center  table td.label,
div.center  table tr.label th,
div.listview  table tr.label th {
	background-color: #590232 !important;
}
table tr.odd td { 
	background-color: #707070;
	border-color: #590232;
}
table tr.even td{ 
	background-color: #999;
}
tr.even td div,
tr.odd td div,
tr.even td,
tr.odd td{
	color: #fff; 
}
table td{
	min-width: 16px;
	padding: 1px 2px;
}
table th{
	text-align: center;
}
table td.label a, 
table th a{
	color: #ffffff !important;
}

table td.label a.active{ 
	text-decoration: underline;
	padding-left: 12px;
	background: #590232 url(images/icones/asc_desc_arrows.jpg) no-repeat  0 -9px;
}
table td.label a.DESC{
	background-position: 0 4px;
}
table td.right{ 
	text-align: right;
}
/** alertes **/
div.fatal, div.error, div.warning, div.notice, div.log {
	width: 95%; 
	margin-bottom: 5px !important;
	padding: 2px !important;
}
div.fatal {
	border: 1px solid #590232; 
	background: #590232;
	color: #FFF;
}
div.error {
	border: 1px solid #590232; 
	background: #893366;
	color: #FFF;
}
div.warning{
	border: 1px solid #893366; 
	background: #D6BAD1;
	color: #333;
}
div.notice{
	border: 1px solid #D6BAD1; 
	background: #fff;
	color: #893366;
}
div.log{
	border: 1px solid #C4C4C4; 
	background:#EEEEEE;
}
/** **/
div.middle_center {
	min-height: 150px;
}

/** formulaires **/
form div.valid {
	background: transparent url(images/icones/form_valid.gif) no-repeat 0 0 !important;
}
/** vote */
div#vote{
	clear: both;
	color: #fff;
	font-weight: bolder;
	padding-right: 20px;
}
div#vote input{
	display: block;
	width: 13px;
	height: 13px;
	float: right;
	background: #D6BAD1 url(images/icones/love_dontlove_picto.jpg) no-repeat 0 0; 
	text-indent: -5000em;
	cursor: pointer;
	border: none;
	margin-top: 1px;
}
div#vote input.like{
	background-position: 0px -17px;
	margin: 1px 5px 0px 100px;
	
}
div#vote input.dontlike{
	
}
div#vote div.vote_0 , div#vote div.vote_1, div#vote div.vote_2, div#vote div.vote_3, div#vote div.vote_4, div#vote div.vote_5 {
	height: 18px;
}
div#vote div.vote_0 span.none, div#vote div.vote_1 span.none, div#vote div.vote_2 span.none, div#vote div.vote_3 span.none, div#vote div.vote_4 span.none, div#vote div.vote_5 span.none{
	display: none;
}
div#vote div.vote_0{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% 0;
}
div#vote div.vote_1{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% -25px;
}
div#vote div.vote_2{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% -49px;
}
div#vote div.vote_3{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% -73px;
}
div#vote div.vote_4{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% -97px;
}
div#vote div.vote_5{
	background: #D6BAD1 url(images/icones/vote.jpg) no-repeat 100% -122px;
}

/** thickbox **/
#TB_overlay  {
	background-color: #999999 !important;
}
#TB_window  #TB_title {
	background-color: #D6B9D1 !important;
}
#TB_window  a,
#TB_window  b {
	color: #590232 !important;
	text-decoration: none;
}
#TB_window  {
	color: #2C2A2D !important;
}
#TB_ajaxWindowTitle{
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #590232;
	padding: 0px;
	margin: 0px;
}
#TB_ajaxContent {
	text-align: justify;
}
#TB_ajaxContent h2 {
	padding: 5px 0px 0px 0px;
}
#TB_ajaxContent label,
#TB_ajaxContent p,
#TB_ajaxContent li {
	text-align: justify;
	padding: 0px 0px 5px 0px !important;
	color: #2C2A2D !important;
}
#TB_ajaxContent ol, 
#TB_ajaxContent ul{
	padding: 0px 0px 0px 20px;
	text-align: justify;
	color: #2C2A2D !important;
}
/*** onglets ***/ 
ul.menu {
	/* background: transparent url(images/onglets_bg.jpg) repeat-x 0 0; */
	background: #590232 url() repeat-x 0 0;
	border: #590232 solid 2px !important;
	line-height: 23px !important;
	padding: 0px;
}
.menu li a{
	border: none !important;
	background: #590232 url(images/center/onglet_bg.jpg) repeat-x 0 -32px !important;
	color: #fff !important;
	padding: 4px 20px!important;
}
.menu li a:link { color: #fff !important; }
.menu li a:visited { color: #fff !important; }
.menu li a:hover, .menu li a.current{
	color: #590232 !important;
	background: #d6bad1 url(images/center/onglet_bg.jpg) repeat-x 0 4px !important;
}

/*** mediaitem ***/
div.mediaitem {
	width: 183px !important;
	height: 210px !important;
	background: transparent url(images/center/mediaitem.png) no-repeat 0 0 !important;
	background: transparent url(images/center/mediaitem.gif) no-repeat 0 0;
	border: none !important;
	font-size: 10px;
	margin: 5px !important;
	padding: 0px !important;
}
* html div.mediaitem {
	height: 180px !important;
	margin: 0px 5px !important;
}
div.mediaitem a, div.mediaitem  span{
	color: #590232;
	font-size: 10px;
} 
div.mediaitem div.playbutton, 
div.mediaitem div.zoom_playbutton{
	margin-top: -150px !important;
	width: 180px !important;
	max-width: 180px !important;
	height: 150px !important;
	float: left !important;
	position: relative !important;
}
div.mediaitem div.playbutton a, 
div.mediaitem div.zoom_playbutton a{
	width: 180px !important;
	max-width: 180px !important;
	height: 150px !important;
	background: transparent url(images/ie_bg.gif) no-repeat 0 0 !important;
	position: relative !important;
}
div.mediaitem table{
	margin: 1px 0px 0px 1px;
	border-collapse: collapse;
}
* html div.mediaitem table{
	position: relative; 
	top: 8px;
}
* + html div.mediaitem table{
	position: relative; 
	top: 8px;
}
div.mediaitem td{
	width: 178px !important;
	max-width: 178px !important;
	height: 150px !important;
	max-height: 150px !important;
	border: #A47A9C solid 1px !important;
	vertical-align: middle !important; 
}
div.mediaitem img{
	max-width: 174px !important;
	max-height: 148px !important;
}
div.mediaitem div.title {
	width: 170px !important;
	min-height: 40px !important;
	color: #590232;
	text-align: left !important;
	padding: 5px;
}
div.mediaitem div.title h2,
div.mediaitem div.title h2 a{
	text-align: center;
	font-size: 15px;
	display: block !important;
}
div.mediaitem h2:first-letter{
	font-size: 1.0em;
}
* html div.mediaitem div.title{
	position: relative; 
	top: 6px;
}
* + html div.mediaitem div.title{
	position: relative; 
	top: 6px;
}
span.note{
	display: block;
	height: 14px;
	text-indent: -5000em;
	float: left;
	width: 100px;
	margin: 5px 10px 0px 0px;
}
div.mediaitem span.vote_0{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -136px;
}
div.mediaitem span.vote_1{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -119px;
}
div.mediaitem span.vote_2{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -100px;
}
div.mediaitem span.vote_3{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -82px;
}
div.mediaitem span.vote_4{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -63px;
}
div.mediaitem span.vote_5{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat -90px -45px;
}
#zone2 span.vote_,
#zone2 span.vote_0{
	background: transparent url(images/left/notes.jpg) no-repeat 0px 0px;
}
#zone2 span.vote_1{
	background: transparent url(images/left/notes.jpg) no-repeat 0px -13px;
}
#zone2 span.vote_2{
	background: transparent url(images/left/notes.jpg) no-repeat 0px -27px;
}
#zone2 span.vote_3{
	background: transparent url(images/left/notes.jpg) no-repeat 0px -40px;
}
#zone2 span.vote_4{
	background: transparent url(images/left/notes.jpg) no-repeat 0px -52px;
}
#zone2 span.vote_5{
	background: transparent url(images/left/notes.jpg) no-repeat 0px -66px;
}
span.sextoys, 
span.status{
	display: block;
	float: right;
	width: 24px;
	height: 21px;
	text-indent: -5000em;
}
span.sextoys {
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat 0 -70px; 
	margin: 0px 4px 0px 0px;
}
span.online{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat 0px -23px; 
}
span.offline{
	background: transparent url(images/center/mediaitem_icons.jpg) no-repeat 0px -47px; 
}
span.private{
	background: transparent url(images/center/mediaitem_icons.jpg)) no-repeat 0px 0; 
}
span.favorite{
	display: block;
	height: 30px;
	width: 180px;
	text-indent: -5000em;
	margin: -35px 0px 5px 0px;
	background: transparent url(images/center/mediaitem_favorite.png) no-repeat 0 0; 
	z-index: 100;
}
a.delete_favorite{
	display: block;
	height: 10px;
	width: 180px;
	margin: -30px 0px 10px 0px;
	padding: 5px 0px 5px 30px; 
	background: transparent url(images/center/mediaitem_delfavorite.png) no-repeat 0 0; 
	z-index: 100;
	color: #fff !important;
}

/*** pagination ***/
div.pagination_rw,
div.pagination {
	width: 575px !important;
	margin: auto;
	padding: 5px 0px;
	clear: both; 
}
div.pagination_rw a b,
div.pagination a b{
	color: #893366;
}
div.pagination_rw a.previous{
	padding-right: 50px; 
}	
div.pagination_rw a.next{
	padding-left: 50px; 
}
div.pagination_rw a,
div.pagination a{
	color: #fff;
}