/*
Theme Name: Classic Jazz Blanc
Theme URI: http://www.choralia.fr
Description: Thème classique blanc pour les sites Choralia...
Version: 1.0
Author: 6tem9
Author URI: http://www.6tem9.com/

This theme was designed and built by 6tem9
whose site you will find at http://www.6tem9.com/
*/

@import url("css/color.css");

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before, q:after { content:''; }
*:focus {outline: 0;}

/*
==================================================================================================
LAYOUT
==================================================================================================
*/

html { text-align: center; /*overflow: hidden;*/ }

body { 
width: 100%;
font: 0.8em "Lucida Grande", Geneva, Arial, Verdana;
/*overflow: hidden;*/
}

#container {
width: 980px;
text-align: left;
margin: 0 auto;
position: relative;
}

.alignright { float: right; }
.alignleft { float: left; }

.spacer, .clear { clear: both; overflow: hidden; height: 0; }

/*
==================================================================================================
TYPO
==================================================================================================
*/

/* Paragraphes */

p { text-align: justify; line-height: 26px; }
p em { font-style: italic; }
p strong { font-weight: bold; }
p.center { text-align: center; }

p.date {
font-size: 16px;
font-weight: bold;
line-height: 20px;
padding-top: 5px;
}

#boxFeatured p {
font-size: 14px;
margin: 0;
line-height: 30px;
}

#boxMediaDocument p { width: 100%; position: relative; padding: 6px 0; margin: 0;}
#boxMediaDocument p span { position: absolute; right: 0; top: 11px; }

.boxPage p { margin: 0 0 10px 0; }

span.dateListe {
font-size: 13px;
font-weight: bold;
}

span.dateListeConcert {
font-size: 16px;
font-weight: bold;
}

div.postInfo span, div.postInfoTopBox span {
font-weight: bold;
margin: 0 2px 0 5px;
}

.boxSidebar p {
font-size: 14px;
text-align: justify;
margin: 0;
padding: 0;
}

p.lieuConcert {
text-align: center;
font-size: 24px;
line-height: 30px;
}

p.dateConcert {
text-align: center;
font-size: 18px;
line-height: 30px;
}

#footer p { font-size: 12px; text-align: center; margin: 0; line-height: 0px; }

form p { margin: 0; }
p.explicationForm { font-size: 12px; margin-bottom: 10px; }

#commentform p.userConnexion { margin: 0 0 10px 70px; }

p.descriptionLiens { margin: 0 0 0 25px; }

span.auteurComment { font-size: 14px; font-weight: bold; }
span.enteteComment { margin: 0; font-size: 12px; font-weight: bold;}
span.enteteComment a { font-weight: bold; }
span.attenteValidation { font-size: 12px; }
#avatarContainer p { margin: 0; padding: 0; line-height: 10px; font-size: 10px; }
div.bulle p, div.bulleEnCours p { margin: 5px 0 0 0; }

/* Liens */

a { font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

span.lienGeo { font-weight: bold; line-height: 26px; cursor: pointer; }
span.lienGeo:hover { text-decoration: underline; }

a.savoirPlus {
float: right;
display: block;
margin: 8px 0 0 0;
width: 20px;
height: 20px;
}
a.savoirPlus:hover { background-position: right top; }

a.retourListe {
float: left;
display: block;
margin: 8px 0 0 10px;
width: 20px;
height: 20px;
}
a.retourListe:hover { background-position: right top; }

a.singlePrev, a.singleNext, a.singlePrevDisable, a.singleNextDisable {
float: left;
display: block;
margin: 8px 10px 0 0;
width: 20px;
height: 20px;
}
a.singleNext, a.singleNextDisable {
margin: 8px 0 0 10px;
}

a.lienPostInfo { padding: 0; margin: 0; }
a.lienPostInfo:hover { text-decoration: none; }

a.iconeZoom {
float: right;
display: block;
width: 15px;
height: 16px;
border: none;
margin: 5px 0 0 0;
}

#footer a { font-weight: bold; }

/* Titres */

h1 {
position:absolute;
top:154px;
left:10px;
font-weight: bold;
font-size: 20px;
letter-spacing: 2px;
z-index: 1000;
}
h1 a { font-weight: bold; }
h1 a:hover { text-decoration: none; }

h1 a.siteDescription {
font-weight: normal;
font-style: italic;
font-size: 20px;
}

h2 {
font-size: 19px;
font-weight: normal;
line-height: 35px;
letter-spacing: 1px;
padding: 0;
}
.boxTopSingle h2 { padding: 0; float: left; }

h3 {
position: relative;
float: none;
font-size: 14px;
font-weight: bold;
margin: 5px 0;
padding: 5px 0 8px 23px;
}

h3.titreSingle {
font-size: 24px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}

h3.titreListe {
font-weight: bold;
font-size: 16px;
padding: 0;
margin: 0 0 4px 0;
}
h3.titreListe a {
font-weight: normal;
padding-left: 13px;
}

h4 {
font-size: 13px;
font-weight: normal;
padding: 3px 0 3px 8px;
margin: 5px 0 2px 0;
text-indent: 28px;
}

/* Listes */

.planSiteContent ul { position: relative; margin-bottom: 10px; }
.pageContent ul { position: relative; margin-bottom: 10px; }

.pageContent li {
line-height: 20px;
padding: 3px 0 3px 50px;
text-align: justify;
text-indent: 0;
}

.planSiteContent li {
list-style-type: none;
font-size: 13px;
line-height: 25px;
padding: 3px 0 5px 60px;
text-indent: 0;
}

.planSiteContent ul li ul { position: relative; margin-bottom: 0; }

.planSiteContent li ul li {
font-size: 12px;
line-height: 25px;
border: none;
padding: 3px 0 5px 60px;
text-indent: 0;
}

.pageLiens ul { position: relative; margin-bottom: 10px; }

.pageLiens li {
line-height: 20px;
padding: 3px 0 3px 50px;
text-align: justify;
text-indent: 0;
}

ul#widgetLiens { margin-bottom: 3px; }

ul#widgetLiens li {
line-height: 20px;
padding: 0;
text-align: justify;
text-indent: 18px;
}

/*
==================================================================================================
HEADER
==================================================================================================
*/

#barreCommune {
position: relative;
width: 100%;
height: 25px;
z-index:1000;
}

#barreCommuneContent {
position: relative;
width: 980px;
height: 25px;
margin: 0 auto;
}

#choralia {
position: absolute;
top: 0;
left: 0;
}

#logoChoralia {
position: absolute;
display: block;
height: 25px;
width: 94px;
top: 0;
left: 0;
z-index: 10;
}

#descriptionChoralia {
display:none;
position:absolute;
left: 86px;
top: 0;
width:370px;
height: 25px;
line-height: 26px;
z-index:100;
text-align:left;
font-weight: bold;
font-size: 12px;
}

#header {
position: relative;
width: 100%;
height: 185px;
margin: 0;
}

#imgHeader { height: 185px; width: 980px; margin: 0; padding: 0; border: none; }

#headerOpacite {
position:absolute;
top:150px;
left:0;
width: 100%;
height: 35px;
margin: 0;
z-index: 1000;
}

div.coinChoriste, div.coinChoristeOn {
position: absolute;
width: 161px;
top: 0;
right: 0;
font-weight: bold;
text-align: right;
height: 26px;
}
div.coinChoristeOn { width: 300px; }

.accesEspaceMembre, .accesEspaceMembreHover {
height: 25px;
cursor: pointer;
float: right;
width: 161px;
}

a.signinOn {
display: block;
height: 25px;
width: 161px;
float: right;
}

a.deconnexionEspaceMembre {
display: block;
height: 25px;
width: 128px;
float: right;
}

#signin_menu {
display:none;
position:absolute;
right: 0;
top: 25px;
width:280px;
z-index:100;
text-align:left;
padding: 8px;
}

#signin {
text-align:left;
padding: 5px 10px;
}

.champCoinChoriste {
position: relative;
margin: 2px 0 10px 0;
height: 25px;
}

.passwordEspaceMembre {
display:block;
width: 222px;
height: 15px;
position: absolute;
top: 5px;
left: 10px;
font-size: 12px;
}
#signin_menu p { margin: 0; }

#signin_menu label { font-weight: bold; margin: 0 0 0 5px; }
#signin_menu p.remember { padding: 0 0 10px 0; font-weight: normal; }
#signin_menu p.remember label { font-weight: normal; font-size: 12px; }

#signin_submit {
border: none;
width: 100px;
height: 32px;
padding: 0 0 0 6px;
margin:0 0 0 15px;
font-weight:bold;
font-size: 12px;
text-align: left;
}

#signin_submit:hover, #signin_submit:focus { cursor:pointer; }

#erreurEspaceMembres p { line-height: 20px; font-size: 11px; }

/*
==================================================================================================
NAVIGATION
==================================================================================================
*/

/* Menu */

#navigation { width: 980px; height: 36px; margin: 0 0 10px 0; position: relative; z-index: 100; }
#menu { margin: 0; padding: 0; }
#menu li { float: left; position: relative; }
#menu li a { float: left; width: 120px; height: 0; padding-top: 36px; overflow: hidden; }

li#accueil a { width: 50px; background-position: 0 0; }
li#presentation a { background-position: -50px 0; }
li#actualite a { background-position: -170px 0; }
li#concert a { background-position: -290px 0; }
li#activite a { background-position: -410px 0; }
li#reaction a { background-position: -530px 0; }
li#contact a { background-position: -650px 0; }

li#accueil a:hover, li#accueil a.hover { background-position: 0 -38px; }
li#presentation a:hover, li#presentation a.hover { background-position: -50px -38px; }
li#actualite a:hover, li#actualite a.hover { background-position: -170px -38px; }
li#concert a:hover, li#concert a.hover { background-position: -290px -38px; }
li#activite a:hover, li#activite a.hover { background-position: -410px -38px; }
li#reaction a:hover, li#reaction a.hover { background-position: -530px -38px; }
li#contact a:hover, li#contact a.hover { background-position: -650px -38px; }

li#accueil a:active { background-position: 0 -76px; }
li#presentation a:active { background-position: -50px -76px; }
li#actualite a:active { background-position: -170px -76px; }
li#concert a:active { background-position: -290px -76px; }
li#activite a:active { background-position: -410px -76px; }
li#reaction a:active { background-position: -530px -76px; }
li#contact a:active { background-position: -650px -76px; }

li#accueil a.current { background-position: 0 -114px; }
li#presentation a.current { background-position: -50px -114px !important; }
li#actualite a.current { background-position: -170px -114px !important; }
li#concert a.current { background-position: -290px -114px !important; }
li#activite a.current { background-position: -410px -114px !important; }
li#reaction a.current { background-position: -530px -114px !important; }
li#contact a.current { background-position: -650px -114px !important; }

#menu li ul {
display: none;
position: absolute;
z-index: 110;
left: 0;
top: 36px;
width: 180px;
margin: 0; padding: 0;
}
		
#menu li ul li {
position: relative;
margin: 0;
width: 180px;
}
			
#menu li ul li a {
display: block;
width: 155px;
height: 30px;
padding: 0 0 0 25px;
line-height: 30px;
text-align: left;
font-size: 12px;
font-weight: normal;
text-transform: none;
margin: 0;
}
#menu li ul li a:hover { text-decoration: none; }

/* recherche */

div#boxSearch {
width: 210px;
height: 35px;
overflow: hidden;
float: right;
position: relative;
}

div#boxSearch #s {
width: 155px;
height: 15px;
position: absolute;
top: 10px;
left: 16px;
font-size: 12px;
}

input.btonSearch { position: absolute; top: 9px; right: 16px; margin: 0; }

#autoComplete {
position: absolute;
right: -10px;
top: 36px;
width: 290px;
z-index: 100;
text-align: left;
}

#autoComplete h6 {
width: 270px;
padding: 5px 10px;
margin: 0;
}

#listeResultats { padding: 0; clear: both; margin: 0; }
#listeResultats ul { padding: 0; margin: 0; }
#listeResultats ul li { padding: 0; margin: 0; width: 280px; }

#listeResultats ul li a {
display: block;
width: 274px;
height: 50px;
padding: 4px 8px;
font-size: 12px;
line-height: 17px;
margin: 0;
text-align: left;
font-weight: normal;
}

#listeResultats ul li a:hover { text-decoration: none; }
#listeResultats ul li a span { font-weight: bold; }

#autoComplete a.voirResultats {
display: block;
text-align: right;
padding: 0;
margin: 0;
font-weight: bold;
width: 254px;
padding: 5px 26px 5px 10px;
}

.aucunResultat { padding: 6px 10px; }

/* liste deroulante */

div#listeTri {
position: relative;
float: right;
width: 230px;
margin: 4px 6px 0 10px;
height: 22px;
z-index: 100;
}

div#btonListeTri {
width: 220px;
height: 22px;
line-height: 20px;
cursor: pointer;
padding-left: 10px;
}

div#listeTriContent {
width: 230px;
margin: 0 auto; 
padding: 0;
position: absolute;
top: 22px;
left: 0;
z-index: 100;
}
	
#listeTriContent ul {
margin: 0;
padding: 0;
width: 228px;
} 
		
#listeTriContent ul li { height: 27px; }
			
#listeTriContent ul li a {
display: block;
width: 193px;
height: 22px;
padding: 5px 10px 0 25px;
text-align: left;
font-size: 12px;
letter-spacing: 0px;
text-transform: none;
}

#listeTriContent ul li a:hover { text-decoration: none; }

/*
==================================================================================================
CONTENT
==================================================================================================
*/

#content { float: left; width: 680px; position: relative; z-index: 0; }

#boxFeatured {
width: 660px;
margin-bottom: 10px;
padding: 5px 10px;
}

.boxTop, .boxTopSingle {
width: 670px;
padding-left: 10px;
}

.boxTopSingle { height: 38px; }

.box, .boxListe, .boxPage, .boxComment {
width: 660px;
margin-bottom: 10px;
padding: 10px;
position: relative;
}

.boxListe { padding: 0 0 10px 0; width: 680px; }
.boxComment { padding: 0 10px 10px 10px; }

#boxTabs { margin-top: 15px; width: 660px; }

#boxMediaPhoto, #boxMediaVideo, #boxMediaAudio, #boxMediaDocument {
width: 660px;
margin: 0;
padding: 10px 0 5px 0;
}

#boxMediaDocument { padding: 0; }

.boxListeContainer, .boxListeContainerLast {
position: relative;
width: 660px;
margin: 0 auto;
padding: 10px 0;
}
.boxListeContainerLast { border: none; padding: 10px 0 0 0; }

.boxContentFormNorm {
width: 660px;
padding: 10px 0 10px 0;
}

.boxContentFormInit {
width: 660px;
padding: 10px 0 0 0;
}

div.postInfo {
position: absolute;
z-index: 10;
top: 12px;
right: 0;
text-align: right;
width: 230px;
}

div.postInfoTopBox {
float: right;
text-align: right;
height: 18px;
width: 240px;
margin: 5px 10px 0 0;
}

#dropdownCommentaire {
float: right;
width: 184px;
height: 25px;
margin: 5px 10px 0 10px;
cursor: pointer;
}

#dropdownMessage {
float: right;
width: 150px;
height: 20px;
margin: 4px 10px 0 10px;
padding: 2px 0 0 0;
cursor: pointer;
font-weight: bold;
text-align: center;
}

#dropdownPlayer {
width: 136px;
height: 22px;
margin: 10px;
cursor: pointer;
}

/*
==================================================================================================
SIDEBAR
==================================================================================================
*/

#sidebar { float: right; width: 280px; position: relative; z-index: 0; padding-right: 10px; }

.boxSidebarTop { width: 270px; padding-left: 10px; }

.boxSidebar {
width: 260px;
margin-bottom: 10px;
padding: 3px 10px;
}

.sidebarVideoItem {
width: 260px;
height: 225px;
padding: 10px 10px 0 10px;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
cursor: pointer;
position: relative;
}

.containerPhotosSidebar {
width: 260px;
margin: 7px 0 0 0;
}

.photosSidebarItem, .photosSidebarItemR {
float: left;
width: 125px;
height: 125px;
cursor: pointer;
margin: 0 10px 10px 0;
}
.photosSidebarItemR { margin-right: 0; }

#newsForm {
width: 260px;
height: 25px;
margin: 5px 0 10px 0;
overflow: hidden;
position: relative;
}

.champNews {
width: 222px;
height: 15px;
position: absolute;
top: 5px;
left: 8px;
font-size: 12px;
}

input.btonInscriptionNews { position: absolute; top: 3px; right: 6px; margin: 0; }

/*
==================================================================================================
FOOTER
==================================================================================================
*/

#footer {
width: 980px;
clear: both;
padding: 20px 0 30px 0;
position: relative;
z-index: 0;
}

/*
==================================================================================================
FORMULAIRES
==================================================================================================
*/

#contactForm { margin: 10px 0 20px 0; }

form label {
width: 140px;
margin-left: 65px;
font-weight: bold;
}
	
.textarea {
width: 530px;
height: 80px;
min-height: 80px;
max-height: 800px;
padding: 5px;
margin: 0;
border: none;
font-size: 12px;
font-family: Verdana, Arial, Tahoma;
line-height: 20px;
}

#listeSmilies {
float: right;
width: 380px;
padding-right: 55px;
text-align: right;
}

#listeSmilies img {
padding: 0 1px;
}

.champsForm {
position: relative;
float: left;
width: 300px;
margin: 0 0 5px 20px;
}

.champsForm label { margin: 0 0 0 5px; }

.champFormComment, .champFormContact {
position: relative;
margin: 2px 0 20px 0;
height: 25px;
}
.champFormContact { margin-left: 65px; }

.champForm {
width: 280px;
position: absolute;
top: 5px;
left: 10px;
font-size: 12px;
}

div.error {
position: absolute;
z-index: 500;
top: 25px;
left: 5px;
margin: 0;
width: 260px;
color: red;
font-size: 11px;
}

.textareaContainer {
position: relative;
width: 540px;
padding: 0 0 0 65px;
margin-top: 2px;
}

.textareaContainer .error {
top: 92px;
left: 65px;
}

#working {
position: absolute;
width: 16px;
right: 5px;
top: 5px;
height: 16px;
}

#loaderSearch {
position: absolute;
width: 16px;
height: 16px;
top: 10px;
right: 17px;
display:none;
}

#contactSubmitContainer { position: relative; width: 540px; margin: 25px 0 10px 65px; height: 20px; }
p.checkboxCopie { position: absolute; left: 0; top: 0; }
#contactSubmitContainer #contactSubmit { position: absolute; right: 0; }

label.copieMail { margin: 0 0 0 2px; padding: 0; }

#submit {
border: none;
margin: 20px 0 0 430px;
}

div#resultContainer {
width: 540px;
position: relative;
margin: 0 0 0 65px;
height: 20px;
}

#chargementMail { position: absolute; left: 0; }

div#result {
position: absolute;
left: 20px;
height: 15px;
font-size: 12px;
font-weight: bold;
}

/*
==================================================================================================
COMMENTS
==================================================================================================
*/

div.bulle, div.bulleEnCours, div.bulleLast { width: 660px; padding: 10px 0; }
div.bulleLast { margin-bottom: 0; border: none; padding: 10px 0 0 0; }
div.bulleLastSingle { margin-bottom: 0; border: none; padding: 10px 0 0 0; }

div.attenteValidation { float: right; width: 86px; height: 25px; }

#avatarContainer { float: left; width: 100px; margin: 8px 10px 20px 0; padding-left: 65px; }
#avatarContainerAdmin { float: left; width: 65px; height: 65px; margin: 6px 10px 20px 65px; padding: 0; }

/*
==================================================================================================
SLIDER
==================================================================================================
*/

.coda-slider-wrapper { position: relative; margin: 0 auto; overflow: hidden; width: 660px; }
.coda-slider { position: relative; overflow: hidden; }

.coda-slider, .coda-slider .panel { margin: 0 auto; width: 590px; height: 220px; overflow: hidden; }
.coda-slider { margin: 0 35px; } 

.coda-slider-wrapper .arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 660px; overflow: hidden; }
.coda-slider-wrapper .arrows .coda-slider { margin: 0; }

.coda-nav-left a, .coda-nav-right a { position: absolute; top: 84px; text-indent: -9000em; }
.coda-nav-left a { left: 0; }
.coda-nav-right a { right: 0; }
.coda-nav-left a, .coda-nav-right a { display: block; height: 30px; width: 30px; }
.coda-nav-left a:hover { background-position: -30px 0px; }
.coda-nav-left a.inactive:hover { background-position: -60px 0px; }
.coda-nav-left a.inactive { cursor: default; }
.coda-nav-right a:hover { background-position: -30px -30px; }
.coda-nav-right a.inactive:hover { background-position: -60px -30px; }
.coda-nav-right a.inactive { cursor: default; }

.loading { margin: 0 auto; width: 590px; height: 220px; }

.coda-nav { width: 660px; margin: 0 auto; height: 10px; overflow: hidden; }
.coda-nav ul { clear: both; display: block; width: 660px; margin: 0 auto; overflow: hidden; height: 10px; }
.coda-nav ul li { display: inline; text-align: center; height: 10px; }
.coda-nav ul li a { display: block; height: 10px; width: 10px; float: left; margin: 0; padding: 0 2px 0 1px; }

.coda-slider-wrapper { clear: both; overflow: auto; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }
.coda-nav-left, .coda-nav-right { float: left; }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }

.panel-wrapper, .panel-wrapperVide {
width: 170px;
height: 192px;
padding: 10px 10px 5px 10px;
float: left;
margin: 4px 10px 4px 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
position: relative;
}
.panel-wrapper { cursor: pointer; }

/*
==================================================================================================
Vignettes, Photos et images
==================================================================================================
*/

img.alignMiddle { vertical-align: middle; }

img.iconeCadenas { margin: 0 0 1px 3px; vertical-align: middle; }

img.iconePartageFirst { margin: 7px 12px 5px 17px; }
img.iconePartage { margin: 7px 12px 5px 0; }
img.iconePartageLast { margin: 7px 0 5px 0; }

img.imgSlider { width: 140px; height: 140px; margin: 4px 8px 4px 0; }
img.imgGaleriePhoto { width: 170px; height: 170px; margin: 0 0 3px 0; }
img.imgTrombi { width: 124px; height: 124px; margin: 0 0 3px 0; }
img.imgGalerieVideo { width: 260px; height: 195px; margin: 0 0 3px 0; cursor: pointer; }
img.imgListeDetaillee { width: 160px; margin: 0 0 5px 0; }

img.guillemetsOuvrant { margin: 0 3px 0 0; }
img.guillemetsFermant { margin: 0 0 0 3px; }

img.btonPlayVideoSidebar { position: absolute; top: 78px; left: 107px; cursor: pointer;}
img.btonPlayVideo { position: absolute; top: 88px; left: 117px; cursor: pointer; }
img.btonPlayVideoSlider { position: absolute; top: 75px; left: 75px; cursor: pointer; }

img.afficheSidebar { margin: 7px 0 5px 0; }
img.photosSidebar { width: 125px; height: 125px; } 

img.imgEnAvant { width: 260px; margin: 0 0 5px 0; float: left; }
img.imgContact { margin: 0 0 10px 10px; float: right; }
img.imgListe { float: left; margin: 4px 10px 0 0; width: 92px; height: 92px; position: relative; z-index: 10; }
img.imgSearch { float: left; margin: 3px 10px 0 0; width: 45px; height: 45px; position: relative; z-index: 10; }
img.imgFeatured { float: right; width: 170px; height: 170px; margin: 5px 0 0 10px; }

img.iconeDocument { width: 40px; margin: 0 6px 0 10px; vertical-align: middle; }
img.iconeDownload { margin: 0; vertical-align: middle; }
img.iconeMap { margin: 0 6px 0 0; vertical-align: middle; }

.imgAvatar { width: 100px; height: 100px; margin-bottom: 2px; }
.imgAvatarAdmin { width: 65px; height: 65px; }

.galeriePhoto { width: 640px; margin: 0 auto; padding-left: 10px; }
.galerieVideo { width: 610px; margin: 0 auto; padding-left: 10px; }

.galeriePhotoItemContainer {
width: 190px;
height: 212px;
margin: 8px 10px;
float: left;
cursor: pointer;
}

.loaderPhoto {
width: 190px;
height: 212px;
}

.galeriePhotoItem, .galeriePhotoItemVide {
width: 170px;
height: 192px;
padding: 10px 10px 5px 10px;
margin: 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
position: relative;
cursor: pointer;
}
.galeriePhotoItem { display: none; }
.galeriePhotoItemVide { cursor: default; }

.galerieVideoItemContainer {
width: 280px;
height: 233px;
margin: 8px 10px;
float: left;
cursor: pointer;
}

.loaderVideo {
width: 280px;
height: 233px;
}

.galerieVideoItem, .galerieVideoItemVide {
width: 260px;
height: 218px;
padding: 10px 10px 5px 10px;
margin: 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
position: relative;
cursor: pointer;
}
.galerieVideoItem { display: none; }
.galerieVideoItemVide { cursor: default; }

.photoSingleContainer {
display: block;
width: 280px;
padding: 5px 0 10px 10px;
float: right;
position: relative;
z-index: 1000;
}

.photoSingle {
display: block;
width: 260px;
padding: 10px 10px 6px 10px;
float: right;
font-weight: bold;
font-size: 11px;
text-decoration: none;
cursor: pointer;
}

.trombiItemContainer {
width: 144px;
height: 161px;
margin: 6px 10px 6px 10px;
float: left;
cursor: pointer;
}

.trombiItem, .trombiItemVide {
width: 124px;
height: 146px;
padding: 10px 10px 5px 10px;
margin: 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
position: relative;
cursor: pointer;
}
.trombiItem { display: none; }
.trombiItemVide { cursor: default; }

.loaderTrombi {
width: 144px;
height: 161px;
}

span.iconeZoom, span.iconeZoomSidebar {
float: right;
display: block;
width: 15px;
height: 16px;
margin-top: 0;
}

span.dureeVideo, span.dureeVideoSlider {
position: absolute;
top: 185px;
right: 10px;
width: 50px;
height: 20px;
font-weight: bold;
text-align: center;
line-height: 20px;
}
span.dureeVideoSlider { top: 160px; right: 10px; }

/*
==================================================================================================
TABS
==================================================================================================
*/

/*.ui-tabs { zoom: 1; }*/
.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; display: none; }
.ui-tabs .ui-tabs-nav { position: relative; list-style: none; margin-top: 5px; height: 28px; }

.ui-tabs .ui-tabs-nav li {
position: relative;
float: left;
height: 28px;
width: 150px;
margin: 0 12px 0 0;
}

.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding: 6px 0 0 26px;
height: 22px;
width: 124px;
}

.ui-tabs .ui-tabs-nav li a:hover { text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
==================================================================================================
PLAYER
==================================================================================================
*/

#jquery_jplayer { padding: 0; margin: 0; border: none; }

#player_container {
position: relative;
width: 660px;
height: 42px;
padding: 0;
margin: 0;
}

#player_container  ul#player_controls { list-style-type: none; padding: 0; margin: 0; }
#player_container  ul#player_controls li { overflow: hidden; text-indent: -9999px; border: none; }

#ctrl_prev {
position: absolute;
left: 0;
top: 5px;
width: 30px;
height: 30px;
cursor: pointer;
}
#ctrl_prev.disabled { cursor: default; }

#player_play, #player_pause {
display: block;
position: absolute;
left: 40px;
top: 0;
width: 40px;
height: 40px;
cursor: pointer;
}

#ctrl_next {
position: absolute;
left: 90px;
top: 5px;
width: 30px;
height: 30px;
cursor: pointer;
}
#ctrl_next.disabled { cursor: default; }

#player_stop {
position: absolute;
left: 140px;
top: 5px;
width: 30px;
height: 30px;
cursor: pointer;
}

#player_progress_left {
position: absolute;
left: 190px;
top: 8px;
width: 1px;
height: 15px;
}

#player_progress {
position: absolute;
left: 191px;
top: 8px;
width: 309px;
height: 15px;
}

#player_progress_right {
position: absolute;
left: 500px;
top: 8px;
width: 1px;
height: 15px;
}

#player_progress_load_bar {
width: 0px;
height: 13px;
cursor: pointer;
margin-top: 1px;
}

#player_progress_play_bar {
width: 0px;
height: 13px;
margin-top: 1px;
}

#player_volume_min {
position: absolute;
left:516px;
top:5px;
width:14px;
height:20px;
cursor: pointer;
}

#player_volume_bar {
position: absolute;
left: 538px;
top: 13px;
width: 80px;
height: 5px;
cursor: pointer;
}
#player_volume_bar_value {
width: 0px;
height: 5px;
}

#player_volume_max {
position: absolute;
left: 628px;
top: 5px;
width: 30px;
height: 20px;
cursor: pointer;
}

#play_time, #total_time {
position: absolute;
left: 190px;
top: 24px;
width: 311px;
font-size: 10px;
font-style: italic;
font-weight: bold;
}
#total_time { text-align: right; }

#playlist_list { width: 630px; padding: 0 10px; margin: 0 auto; overflow: auto; }
#playlist_single { width: 660px; padding-top: 0; margin: 0 auto; height: 25px; }
#playlist_single p { position: relative; font-size: 12px; padding: 0; margin: 0; }
#playlist_single p span { font-weight: bold; font-style: italic; }

#playlist_list ul {
list-style-type:none;
padding: 0;
margin: 0;
width: 630px;
}

#playlist_list li {
line-height: 25px;
height: 25px;
padding: 0 0 0 82px;
cursor: pointer;
position: relative;
}

#playlist_list li.playlist_current {
font-weight: bold;
font-style: italic;
padding-left: 10px;
cursor: default;
}

#playlist_list li.playlist_current span {
font-weight: normal;
font-style: normal;
}

/*
==================================================================================================
PAGINATION
==================================================================================================
*/

.pagination {
padding: 10px 0 0 0;
font-size: 14px;
text-align: center;
height: 35px;
width: 660px;
margin: 0 auto;
}

.pagination a {
display: inline-block;
text-align: center;
font-weight: bold;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
text-decoration: none;
}
.pagination a:hover { text-decoration: none; }

.pagination span.inactive {
font-weight: bold;
display: inline-block;
text-align: center;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
}

.pagination span.active {
font-weight: bold;
display: inline-block;
text-align: center;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
}

/*
==================================================================================================
SCROLLPANE
==================================================================================================
*/

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
margin: 10px 0 4px 0;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #121518;
}
.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 12px;
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 12px;
}