/*
Theme Name: WordPress Patrick SEBASTIEN
Theme URI: http://colorz.fr/
Description: Patrick SEBSTIEN WP theme.
Version: 1.6
Author: CLRZ
Author URI: http://colorz.fr/
Tags: Oh YEAH o//



*/
/* Begin Typography & Colors */
body {
font-size: 12px; /* Resets 1em to 10px */
font-family: 'trebuchet MS';
background: #fff;
color: #333;
text-align: center;
}

a.acheter{background:url(images/acheter.jpg) no-repeat;display:block;width:108px;height:31px;font-size:0px;}

.clrz_mp3{width:160px;float:left;}
#page {
background-color: white;
text-align: left;
}

#header {
background: url('images/top_image.jpg') no-repeat bottom center;
}

#mainMenu{width:600px;float:left;margin:199px 0 0 327px;padding:0!important}
#mainMenu li {display:inline;}
#mainMenu li a span{display:none;}
#mainMenu li a{display:block;float:left;height:50px;background-position:0 -50px!important;}
#mainMenu li a:hover,#mainMenu li a.selected{background-position:0 0px!important;}

#mainMenu li a.accueil{width:74px;background:url(images/menu_accueil.jpg) no-repeat;}
#mainMenu li a.news{width:74px;background:url(images/menu_news.jpg) no-repeat;}
#mainMenu li a.archives{width:95px;background:url(images/menu_archives.jpg) no-repeat;}
#mainMenu li a.apropos{width:93px;background:url(images/menu_apropos.jpg) no-repeat;}
#mainMenu li a.contact{width:86px;background:url(images/menu_contact.jpg) no-repeat;}
#mainMenu li #searchform #s{float:left;border:none;background:none;font-size:11px;color:#999b9d;margin:3px 0 0 15px;width:120px;}
#mainMenu li #searchform #searchsubmit{float:right;cursor:pointer;font-size:0px;border:none;display:block;background:transparent;display:block;width:30px;height:30px;float:left;padding:0;overflow:hidden;margin:0}
#mainMenu li #searchform{;float:right;width:170px;overflow:hidden;text-align:left;}

#content h2.maintitle{display:block;height:45px;}
#content h2.maintitle span{display:none;}
#content.category-news h2.maintitle{background:url(images/news_title.jpg) no-repeat}
#content.category-1 h2.maintitle{background:url(images/categories_engage.jpg) no-repeat}
#content.category-3 h2.maintitle{background:url(images/videos_title.jpg) no-repeat}
#content.category-7 h2.maintitle{background:url(images/categories_cinema.jpg) no-repeat}
#content.category-12 h2.maintitle{background:url(images/categories_disque.jpg) no-repeat}
#content.category-10 h2.maintitle{background:url(images/categories_droitdereponse.jpg) no-repeat}
#content.category-8 h2.maintitle{background:url(images/categories_scene.jpg) no-repeat}
#content.category-9 h2.maintitle{background:url(images/categories_intime.jpg) no-repeat}
#content.category-11 h2.maintitle{background:url(images/categories_rugby.jpg) no-repeat}
#content.category-13 h2.maintitle{background:url(images/categories_livres.jpg) no-repeat}
#content.category-14 h2.maintitle{background:url(images/categories_prodtv.jpg) no-repeat}
#content.category-15 h2.maintitle{background:url(images/categories_pygmalion.jpg) no-repeat}
#content.apropos h2.maintitle{background:url(images/apropos_title.jpg) no-repeat}
#content.archives h2.maintitle{background:url(images/archives_title.jpg) no-repeat}
#content.newsletter h2.maintitle{background:url(images/newsletter_title.jpg) no-repeat}
#content p.tri{border-top:1px dotted #afb2b3;border-bottom:1px dotted #afb2b3;padding:10px 0 10px 0;}

.attachment .entry p img{border:0px!important;}

ul#video {margin:0;padding:0;}
ul#video li{float:left;list-style-type:none;}
ul#video li img{border:3px solid #d9dbdb;}
ul#video li a{display:block;width:128px;}
ul#video li.clrz_alt{margin-left:20px!important;}
#headerimg h1{display:none;}
#headerimg {position: relative;margin: 0 auto;height: 325px;width: 930px;}

/* Header Boutique
   ----------------------- */

#headerimg .shop-link {
    position: absolute;
    top: 70px;
    right: -2px;
    display: block;
    width: 158px;
    height: 111px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/shop-link.gif) center center no-repeat;
}

/*    --------------------------------------------------
    = Top links
    -------------------------------------------------- */

ul#toplinks {
    float: right;
    margin: 8px 0;
    height: 20px;
    padding: 0;
}

#toplinks li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
}

#toplinks li a {
    font-family: "Myriad pro Semibold", "Myriad Pro", sans-serif;
    color: #868a8b;
    font-size: 12px;
    text-transform: capitalize;
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

#toplinks li a:hover {
    text-decoration: none;
    color: #fff;
}

#toplinks .icon {
    position: relative;
    top: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 16px;
    margin-right: 3px;
}

#toplinks .newsletter .icon {
    margin-right: 1px;
}

#toplinks .icon span {
    background: url(images/sprite-social.png) left top no-repeat;
}

#toplinks .twitter .before {
    background-position: 1px -16px;
}

#toplinks .twitter .after {
    background-position: 1px 0;
}

#toplinks .facebook .before {
    background-position: -14px -16px;
}

#toplinks .facebook .after {
    background-position: -14px 0;
}

#toplinks .googleplus .before {
    background-position: -29px -16px;
}

#toplinks .googleplus .after {
    background-position: -29px 0;
}

#toplinks .rss .before {
    background-position: -44px -16px;
}

#toplinks .rss .after {
    background-position: -44px 0;
}

#toplinks .newsletter .before {
    background-position: -59px -16px;
}

#toplinks .newsletter .after {
    background-position: -59px 0;
}
ul#recent {
    clear: both;
    margin: 0;
    padding: 0;
}

ul#recent li {
    display: block;
    float: left;
    width: 290px;
    margin-bottom: 35px;
}

ul#recent li.clrz_alt {
    margin-left: 20px;
}

ul#recent li div {
    width: 290px;
}

ul#recent li div img {
    display: block;
    float: left;
}

ul#recent li div a {
    z-index: 2;
    float: right;
    position: relative;
    margin-top: -130px;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    background: #2a89a1;
}

ul#recent li div.thumb {
    width: 290px;
    height: 130px;
}

ul#recent li div a.img {
    display: block;
    z-index: 1;
    float: none;
    width: 290px;
    height: 130px;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    background: none;
}

/*ul#recent li div a.img img{max-width:100%; max-height: 130px;}*/

ul#recent li h2 a {
    margin-bottom: 2px;
    font-size: 16px;
    color: #2a89a1!important;
}

ul#recent li p {
    margin: 0 0 10px;
}

ul#recent li .title-excerpt {
    display: block;
    height: 85px;
    margin-bottom: 15px;
}

ul#recent li .title-excerpt h2 {
    display: block;
    padding-bottom: 10px;
    overflow: hidden;
}

ul#recent li .title-excerpt .text-content {
    display: block;
    height: 32px;
    overflow: hidden;
}

ul#recent li a.comments-link {
    display: block;
    float: right;
    text-align: right;
    color: #abacae;
}

div.post div.postplus h3 {
    display: none;
}

div.post div.postplus h4 {
    margin: 0 0 5px 0;
    font-weight: normal!important;
    color: #abacae;
}

div.post div.postplus {
    clear: left;
    padding: 10px 0 10px 2px;
    border-top: 1px dotted #afb2b3;
    border-bottom: 1px dotted #afb2b3;
    color: #abacae;
}

div.post div.postplus ul {
    margin: 0;
    padding: 0;
}

div.post div.postplus ul li {
    list-style-type: none;
}

div.post div.postplus span {
    color: #2a89a1;
}

div.post div.postplus span.categories a {
    padding: 0 4px 0 4px;
    text-decoration: none;
    color: #fff;
    background: #2a89a1;
}

#content.search h2.maintitle {
    display: block;
    height: 45px;
    background: url(images/recherche_title.jpg) no-repeat;
}

#content.search h2.maintitle span {
    display: none;
}

#content.search form {
    height: 70px;
    margin: 20px 0 25px 0;
    padding: 0;
    background: url(images/recherche_bg-box.jpg) no-repeat;
}

#content.search form #s {
    float: left;
    width: 280px;
    margin: 27px 0 0 136px;
    border: none;
    color: #fff;
    background: #b2b3b3;
}

#content.search form #searchsubmit {
    display: block;
    float: right;
    width: 52px;
    width: 52px;
    height: 35px;
    height: 35px;
    margin: 18px 115px 0 0;
    padding-top: 35px;
    border: none;
    overflow: hidden;
    background: url(images/recherche_btn-go.jpg) no-repeat;
    cursor: pointer;
}

h3.result {
    display: block;
    height: 21px;
    background: url(images/recherche_titre-resultat.jpg) no-repeat;
}

h3.result span {
    display: none;
}


p.result {margin:5px 0 20px 0;border-bottom:1px solid #c5c8c9;background:url(images/recherche_arrow.jpg) left 5px no-repeat;padding:0 0 20px 10px;}
p.result span{color:#2a89a1;font-weight:bold;}

#content.search h3{margin:0;padding:0;}
#content.search h3 a{color:#2a89a1;font-size:23px;}
#content.search div.post{border-bottom:1px dotted #afb2b3;margin-bottom:20px;}
#content {
font-size: 12px;
border-top:1px solid #c5c8c9;
/*padding-top:10px;*/
}
.entry h5{margin:0;}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry p img{max-width:578px;border:10px solid #dbdcdd;padding:1px;}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#footer {
background: #000 url('images/footer_bg.jpg') repeat-x;
border: none;
height:156px;
}
.is_ie7 #footer {
height:auto;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS';
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
display:none;
}
h2 {

}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar h2 {
font-family: 'Trebuchet MS';
font-size: 1.2em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
font-family: 'Trebuchet MS';
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Trebuchet MS';
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font-family: 'Trebuchet MS';
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #2a89a1;
text-decoration: none;
font-weight:bold;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0 0 0 0;
padding: 0;
}
#page {
background-color: white;
margin: 0px auto;
padding: 0;
width: 930px;
}
div.firstTop{
	width:100%!important;
	background:url(images/top_bg.jpg) repeat-x;
}
#header {
margin: 0 0 0 0px;
padding: 0;
height: 325px;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 0 20px 0px;
margin: 0px 0 0;
width: 600px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.post h2 {font-size:23px;color:#2a89a1;}
.post h2 a{font-size:23px;color:#2a89a1;}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both;
}
.clear {
clear: both;
}
#footer {
padding: 0;
margin: 0 auto;
color:#434445;
clear: both;
}
#footer a{color:#434445;}

#footer div#foot_content {
    margin: 0 auto;
    padding: 24px 0 20px;
    text-align: center;
    width:930px;
    display:block;
}

#foot_content .links {
    float: left;
    margin: 70px 0 0 0;
    padding: 0;
}

#foot_content .links p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: -8px;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

#foot_content .links .le_push {
    width: 45px;
    height: 31px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

#foot_content .links .le_push.france2 {
    width: 25px;
}

#foot_content .links .le_push + .le_push {
    margin-right: 2px;
}

#foot_content .links .before,
#foot_content .links .after {
    background: url(images/sprite-partners.png) center top no-repeat;
}

#foot_content .links .france2 .before {
    background-position: -10px -31px;
}
#foot_content .links .france2 .after {
    background-position: -10px 0;
}
#foot_content .links .magictv .before {
    background-position: -45px -31px;
}
#foot_content .links .magictv .after {
    background-position: -45px 0;
}
#foot_content .links .faisagemusic .before {
    background-position: -90px -31px;
}
#foot_content .links .faisagemusic .after {
    background-position: -90px 0;
}

#foot_content a.credit {
    float: right;
    margin: 80px 0 0 0;
    padding: 0 20px 0 0;
    background: url(images/footer_picto-clrz.jpg) right no-repeat;
}

#footer ul{width:420px;margin:10px auto;}
#footer ul li {display:inline;}
#footer ul li a{display:block;height:13px;float:left;}
#footer ul li a span{display:none;}
#footer ul li.accueil a{width:75px; background:url(images/footer_accueil.jpg) no-repeat;}
#footer ul li.news a{width:75px; background:url(images/footer_news.jpg) no-repeat;}
#footer ul li.archives a{width:95px; background:url(images/footer_archives.jpg) no-repeat;}
#footer ul li.apropos a{width:94px; background:url(images/footer_apropos.jpg) no-repeat;}
#footer ul li.contact a{width:79px; background:url(images/footer_contact.jpg) no-repeat;}

ul.bothside{margin:0;padding:0;display:block;overflow:hidden;width:320px;}
ul.bothside li{display:block;width:140px;float:left;border-top:1px dotted #606263;margin-right:20px!important;padding:1px 0 0 0!important;}
ul.bothside li a{margin:5px 0 0 0;}

#sidebar ul li h2{margin:0;}
#sidebar ul li h2 span{display:none;}
#sidebar ul li.bienvenue h2{display:block;background:url(images/bienvenue_pix.jpg) no-repeat;width:300px;height:96px;}
#sidebar ul li.bienvenue a{display:block;height:22px;background:url(images/bienvenue_btn-ensavoirplus.jpg) no-repeat;}
#sidebar ul li.bienvenue a span{display:none;}


#sidebar ul li.download h2{display:block;background:url(images/side-titre_telechargement.jpg) no-repeat;width:300px;height:34px;}


#sidebar ul li.categories h2{display:block;background:url(images/side-titre_categories.jpg) no-repeat;width:300px;height:29px;}

#sidebar ul li.archives h2{display:block;background:url(images/side-titre_archives.jpg) no-repeat;width:300px;height:29px;}
#sidebar ul li.archives ul.bothside li a{background:url(images/arrowtoto.jpg) 2px 4px no-repeat;color:#000000;font-weight:normal;padding-left:10px;}
#sidebar ul li.archives ul.bothside li.more_archives a{display:block;height:45px;background:url(images/side-archives_btn.jpg) no-repeat;}
#sidebar ul li.archives ul.bothside li.more_archives a span{display:none;}

#sidebar ul li.recent_comment h2{display:block;background:url(images/side-titre_lastcoms.jpg) no-repeat;width:300px;height:29px;border-bottom:1px dotted #afb2b3;}
#sidebar ul li.recent_comment ul li{color:#000;padding:5px;line-height:15px;margin: 1px 0;}
#sidebar ul li.recent_comment ul li:nth-child(even){border-top:1px dotted #afb2b3;border-bottom:1px dotted #afb2b3;}
#sidebar ul li.recent_comment ul li:nth-child(odd){background-color: #e9eced;}
#sidebar ul li.recent_comment ul li span{font-size:11px;color:#afb2b3;}
#sidebar ul li.recent_comment ul li a{font-size:11px;}
#sidebar ul li.recent_comment ul li a.text{color:#000;font-size:11px;}
#sidebar ul li.recent_comment ul li a.text:hover{text-decoration:none;}
#sidebar ul li.videos h2{display:block;background:url(images/side-titre_videosduweb.jpg) no-repeat;width:300px;height:55px;}
#sidebar ul li.videos ul li{height:70px;line-height:15px;}
#sidebar ul li.videos ul li img{float:left;margin:0 10px 0 0;}
#sidebar ul li.videos ul li h3 {margin:0 0 5px 0;padding:0;}
#sidebar ul li.videos ul li h3{font-size:12px;}
#sidebar ul li.videos ul li{margin:0;padding:0;}
#sidebar ul li.videos a.more_videos{display:block;background:url(images/videos_btn-toutesvideos.jpg) no-repeat;height:23px;}
#sidebar ul li.videos a.more_videos span{display:none;}

/*
#sidebar ul li.links a span{display:none;}
#sidebar ul li.links a.magictv {display:block;background:url(images/links_magic.jpg) no-repeat;width:150px;height:83px;}
#sidebar ul li.links a.faisagemusic {display:block;background:url(images/links_faisage.jpg) no-repeat;width:150px;height:83px;margin:-83px 0 0 150px;}
#sidebar ul li.links a.cabrive {display:block;background:url(images/links_brive.jpg) no-repeat;width:100px;height:83px;margin:-83px 0 0 200px}
#sidebar ul li.links a.fnac {display:block;background:url(images/links_twitter.jpg) no-repeat;width:100px;height:83px;margin:-83px 0 0 200px}
#sidebar ul li.links a.rtl {display:block;background:url(images/links_rtl.jpg) no-repeat;width:100px;height:83px;margin:-83px 0 0 100px}
#sidebar ul li.links a.itunes {display:block;background:url(images/itunes.gif) no-repeat center center ;width:100px;height:83px;margin:-83px 0 0 100px}
#sidebar ul li.links a.facebook {display:block;background:url(images/facebook.jpg) no-repeat center center ;width:100px;height:83px;margin:-83px 0 0 100px}
#sidebar ul li.links a.france2 {display:block;background:url(images/links_f2.jpg) no-repeat;width:100px;height:83px;}
*/
/* End Structure */
/*	Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}
h2 {
margin: 0px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3#comments{	font-size:12px!important;	background:url(images/billet_buble-coms.jpg) no-repeat;	color:#2a89a1;	padding-left:32px;margin-bottom:35px;}
h3#comments span{color:#abacae;font-weight:normal;}

.commentlist{margin:0;padding:0;}
.commentlist li{padding:0 0 0 0!important;margin:15px 0 0 0!important;background:url(images/billet_bg-middle.jpg) repeat-y;}
.commentlist li cite{float:left;display:block;margin-left:10px;color:#6a747a;width:140px;}
.commentlist li cite small a{font-weight:normal;color:#b7babf;}
.commentlist li cite span{font-size:16px;}
.commentlist li p{margin:0 0 0 155px;width:425px;color:#6a747a;}
.commentlist li div.top{clear:both;background:url(images/billet_bg-top-com.jpg) no-repeat;height:9px;line-height:0;font-size:0px;}
.commentlist li div.bottom{clear:both;background:url(images/billet_bg-bottom-com.jpg) no-repeat;height:9px;line-height:0;font-size:0px;}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html > body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html > body .entry li {
margin: 0;
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
/*margin: 5px 0 0 10px;*/
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}
#commentform label {margin: 5px 5px 1px 10px;}
#commentform label small{color:#2a89a1!important;}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 10px;
}
#commentform textarea {	width: 310px;	padding: 2px;	height:105px;	margin: 5px 5px 1px 10px;}
#commentform{background:#e4e4e4;width:100%;margin:35px 0 0 0;}
#commentform h3{margin:10px;color:#2a89a1;font-size:21px;font-style:italic}
#commentform div.left{	float:left;}
#commentform div.top{background:url(images/billet_bg-top-cartouche.jpg) no-repeat;height:9px;line-height:0;font-size:0;}
#commentform div.bottom{background:url(images/billet_bg-bottom-cartouche.jpg) no-repeat;height:9px;line-height:0;font-size:0;}
#commentform p.com{
	margin:5px 0 0 260px;

}
#commentform #submit {margin: 30px auto;background:url(images/billet_btn-envoyer.jpg) no-repeat;display:block;border:none;width:144px;height:33px;padding-top:33px;cursor:pointer;}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar {
border-top:1px solid #c5c8c9;
padding: 10px 0 10px 0;
margin-left: 625px;
width: 300px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
padding-top: 40px;
margin-bottom: 60px;
clear:left;
}
.navigation div a span{display:none!important;}
.navigation div.alignleft a{display:block;background:url(images/billet_btn-page-prev.jpg) no-repeat;height:23px;width:119px;padding-left:120px;font-size:0px;color:#fff;}
.navigation div.alignright a{display:block;background:url(images/billet_btn-page-next.jpg) top right no-repeat;height:23px;width:119px;padding-right:120px;font-size:0px;color:#fff;}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/*.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}*/
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* cforms */
div #post-113 h2{background:url(images/contact_title.jpg) no-repeat;height:45px;display:block;color:#fff;padding-left:300px;font-size:0px;margin-bottom:30px;}
.linklove a{display:none;}
form.cform,#registerform,#cforms2form{background:#e4e4e4 url(images/billet_bg-top-cartouche.jpg) no-repeat;margin:0!important;padding:60px!important;}
form.cform ol{margin:0!important;padding:0!important;}
form.cform li,#cforms2form li,#registerform p{ display:block;width:230px;text-align:left;margin-top:20px;}
form.cform li#li--2{float:left;}
form.cform li#li--3{margin-left:260px;}
form.cform li#li--4{float:left;}
form.cform li#li--5{margin-left:260px;}
#registerform p{float:left;}


form.cform li label{display:block;width:50px;color:#2a89a1;font-weight:bold;}
form.cform input{width:210px;}
form.cform input,form.cform textarea{border:1px solid #b5b5b5}
form.cform textarea{width:475px;}
form.cform #sendbutton,#cforms2form #sendbutton2{border:none;background:url(images/billet_btn-envoyer.jpg) no-repeat;display:block;width:144px;height:33px;padding-top:33px;margin:auto;}
.cform .cf_hidden {display:none;}
#usermessagea{border-top:1px dotted #afb2b3;border-bottom:1px dotted #afb2b3;padding:20px;font-weight:bold;margin-bottom:20px;}
#usermessagea.failure{color:red;}
#usermessagea.success{color:#2a89a1;}

#cforms2form{text-align:left;}
#cforms2form label{float:left;width:200px;}
#cforms2form li{width:500px;list-style-type:none;}
/* ELA */
#af-ela ul li{font-weight:bold;margin:0;}
#af-ela-menu{list-style-type:none;margin:0;padding:0;width:180px;float:left;display:block;border-right:1px dotted #afb2b3;}
#af-ela-year li{text-align:center;}
#af-ela-category,#af-ela-tag{border-right:1px dotted #afb2b3;}

#af-ela-year,#af-ela-category,#af-ela-tag{padding:0 10px 0 10px;list-style-type:none;margin:0 0 0 0px;width:115px;float:left;display:block;}
#af-ela-category,#af-ela-tag{width:270px;}
#af-ela-category li,#af-ela-tag li{margin-right:10px;padding-left:10px;}
#af-ela-month{border-left:1px dotted #afb2b3;list-style-type:none;margin:0 0 0 0px;display:block;float:left;padding:0 0 0 10px}
#af-ela-month li{width:145px;padding:0 10px 0 20px;}
#af-ela-category li,#af-ela-month li,#af-ela-tag li{width:120px;display:block;float:left;}
#af-ela-post-chrono,#af-ela-post-cats,#af-ela-post-tags{clear:both;list-style-type:none;margin:0;padding:0;padding:30px 0 0 0 ;}
#af-ela-post-chrono li,#af-ela-post-cats li,#af-ela-post-tags li{border-top:1px dotted #afb2b3;padding:10px;}
#af-ela-post-chrono li:hover,#af-ela-post-cats li:hover,#af-ela-post-tags li:hover{background:#9b9b9b;}
#af-ela-post-chrono li:hover a,#af-ela-post-cats li:hover a,#af-ela-post-tags li:hover a{color:#fff;}

#af-ela-year li:hover,#af-ela-category li:hover,#af-ela-month li:hover,#af-ela-tag li:hover,#af-ela-year li.selected,#af-ela-category li.selected,#af-ela-month li.selected,#af-ela-tag li.selected{background:#2a89a1;color:#fff;}

#af-ela-menu li{background-position:0 -30px;margin:0 0 2px 0!important;}
#af-ela-menu li.selected,#af-ela-menu li:hover{background-position:0 0px;}
#af-ela-menu-0{display:block;background:url(images/archives_pardate.jpg) no-repeat;height:30px;width:153px;color:#fff;font-size:0;}
#af-ela-menu-1{display:block;background:url(images/archives_parcategories.jpg) no-repeat;height:30px;width:153px;color:#fff;font-size:0;}
#af-ela-menu-2{display:block;background:url(images/archives_partags.jpg) no-repeat;height:30px;width:153px;color:#fff;font-size:0;}
span#ela-loader{display:block;float:right;}

/****** covers ******/

#spotlight {
    width: 600px;
    height: 345px;
    overflow: hidden;
    position: relative;
    margin: 0 0 45px 0;
    padding: 0;
    background-color: #000;
}

#spotlight-items {
    position: relative;
    z-index: 2;
    width: 90000px;
    height: 100%;
    margin: 0;
    padding: 0;
}

#spotlight-items .spotlight-item {
    position: relative;
    display: block;
    float: left;
    width: 600px;
    height: 100%;
    overflow: hidden;
}

#spotlight-items .spotlight-item img{
	width:100%;
/*	height:100%;*/
    position:absolute;
    top:50%;
    margin-top:-172.5px;
}

#spotlight-items .spotlight-item .infos {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 11px 120px 14px 20px;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    z-index:10;
}

#spotlight-items .spotlight-item h2 {
    margin-bottom: 6px;
}

#spotlight-items .spotlight-item h2 a {
    color: #2a89a1;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 23px;
    font-weight: bold;
    text-transform: none;
}

#spotlight-items .spotlight-item p {
    color: #fff;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

#spotlight .nav a {
    position: absolute;
    top: 48%;
    z-index: 5;
    margin-top: -13px;
    display: block;
    width: 27px;
    height: 27px;
    background: url(images/slider-nav.png) center top no-repeat;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition:    opacity .2s ease-in-out;
    -o-transition:      opacity .2s ease-in-out;
    transition:         opacity .2s ease-in-out;
}

#spotlight .nav a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
}

#spotlight .nav .prev {
    left: 20px;
    background-position: left top;
}

#spotlight .nav .next {
    right: 20px;
    background-position: right top;
}

#spotlight .pagination {
    position: absolute;
    z-index: 6;
    right: 18px;
    bottom: 19px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#spotlight .pagination li {
    float: left;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
}

#spotlight .pagination li + li {
    margin-left: 5px;
}

#spotlight .pagination a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #fff;
    padding: 0;
    margin: 0;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    -o-border-radius:      50%;
    border-radius:         50%;
}

#spotlight .pagination .current a {
    color: #2a89a1;
    background-color: #2a89a1;
}


/*
#spotlight h2 {
    margin: 230px 25px 0 25px;
    color: #2a89a1;
    cursor: pointer;
}

#spotlight p {
    margin: 0 25px 0;
    color: #fff;
    cursor: pointer;
}

#spotlight ul li {
    display: block;
    position: absolute;
    width: 380px;
    margin: 0;
    text-align: center;
}

#spotlight ul li img {
    cursor: pointer;
}

#spotlight a#prev {
    display: block;
    float: left;
    position: absolute;
    width: 57px;
    height: 23px;
    margin-top: 380px;
    margin-left: 240px;
    background: url(images/rotator_prec.jpg) no-repeat;
    cursor: pointer;
}

#spotlight a#next {
    display: block;
    position: absolute;
    width: 57px;
    height: 23px;
    margin-top: 380px;
    margin-left: 310px;
    background: url(images/rotator_suiv.jpg) no-repeat;
    cursor: pointer;
}*/

#playlist{margin-bottom:10px;}


#loginform input{border:1px solid #afb2b3;color:#606263;background:#e9eced;font-size:12px;}
#loginform #user_login{width:150px;}
#loginform #user_pass{width:100px;}
#loginform #wp-submit{background:url(images/ok_btn.jpg) no-repeat;display:block;float:right;border:none!important;padding:20px 0 0 0;overflow:hidden;height:17px;width:30px;margin:1px 0 0 0;cursor:pointer;}
#loginform{border-bottom:1px dotted #afb2b3;padding:0 0 0px 0;margin:0 0 10px 0!important;}

div.clrz_error{border:1px dotted #afb2b3;background:#e9eced;text-align:center;margin:0 0 10px 0;padding:10px;}

form#participate li{width:auto}
form#participate label.wide{width:auto;display:inline}
form#participate input.check{width:auto;}
form#participate select{width:100%}
form#participate .error{border:1px solid #ff0000}
form#participate label.error{border:none;color:#ff0000}
form#participate .digit{width:30px;}

b.error{color: #ff0000;}
b.success{color: #2a89a1;}

#helpcontent .share-buttons,
#recent .share-buttons {
    margin: 0;
    padding: 0;
    height: 30px;
    overflow: hidden;
}

#helpcontent .share-buttons > li,
#recent .share-buttons > li {
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100px;
    overflow: hidden;
    /*opacity: .5;*/
    /*filter: alpha(opacity=50);*/
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition:    opacity .2s ease-in-out;
    -o-transition:      opacity .2s ease-in-out;
    transition:         opacity .2s ease-in-out;
}

#helpcontent .share-buttons > li {
    width: 110px;
}
/*
#helpcontent .share-buttons > li:hover,
#recent .share-buttons > li:hover {
    opacity: .9999;
    filter: alpha(opacity=99.99);
}

.lt_ie10 #content .share-buttons > li:hover,
.lt_ie10 #content .share-buttons > li {
    opacity: .8;
    filter: alpha(opacity=80);
}
*/
#recent .share-buttons .gplus {
    width: 87px;
}

#recent .share-buttons .fbshare {
    margin-right:3px;
}

#sidebar .videos .videos-thumblist {
    width: 100%;
}

#sidebar .videos .videos-thumblist > li {
    float: left;
    width: 145px;
    height: 110px;
    overflow: hidden;
    position: relative;
    background-color: #2a89a1;
    margin: 0 0 10px 0;
}

#sidebar .videos .videos-thumblist .odd {
    margin-right: 10px;
}

#sidebar .videos .videos-thumblist img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#sidebar .videos .videos-thumblist .infos {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    padding: 20px 10px;
    background: #2A89A1;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition:    opacity .2s ease-in-out;
    -o-transition:      opacity .2s ease-in-out;
    transition:         opacity .2s ease-in-out;
}

#sidebar .videos .videos-thumblist > li:hover .infos {
    visibility: visible;
    opacity: .9999;
}

#sidebar .videos .videos-thumblist h3,
#sidebar .videos .videos-thumblist p {
    color: #fff;
    font-family: "Trebuchet MS", sans-serif;
    margin: 0;
}

#sidebar .videos .videos-thumblist h3 {
    font-size: 12px;
    font-family: "Trebuchet MS Bold", "Trebuchet MS", sans-serif;
    font-weight: bold
}

#sidebar .videos .videos-thumblist p {
    font-size: 11px;
    font-weight: normal
}

#sidebar .videos .videos-thumblist .icon {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 5px;
    width: 18px;
    height: 18px;
    background: url(images/play-icon.png) center center no-repeat #2A89A1;
}
/*Popin*/

#helpcontent {
    position: relative;
}

#helpcontent #content {
    border: none;
    background-color: #fff;
}

#helpbox {
    padding: 50px;
}

#helpbox object {
    display: block;
    margin: 0 auto;
}

#helpbox .closehelpbox {
    position: absolute;
    top: 18px;
    right: 12px;
    width: 15px;
    height: 15px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(images/icon-close.png) center top no-repeat;
}

/* ----------------------------------------------------------
   Nice Archives
   ------------------------------------------------------- */

/* SLIDER ARICHES */
#slide-archives{
    width:524px;
    overflow:hidden;
    position:relative;
    height:73px;
/*    margin:0 auto;*/
    float:left;
}
#slide-archives-list{
    position:absolute;
}
.nicearchive {
    position: relative;
    width: 600px;
    height: 70px;
    margin-top: 50px;
    padding-bottom: 22px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom:7px;
}

.nicearchive .slide-archives-list {
    position: absolute;
    width: 10000px;
/*    margin: 0 0 0 38px;*/
    padding: 0;
    margin:0;
}

.nicearchive .archive-item {
    float: left;
    list-style: none;
    width:131px;
    display:block;
}

.nicearchive .archive-item a:firstchild {
    border-right: 0;
}

.nicearchive .archive-item a {
    display: block;
    width: 130px;
    padding: 16px 0;
    border-left: 1px solid #D1D1D1;
    text-align: center;
    text-shadow: 1px 0 0 #fff;
    font-size: 18px;
    font-weight: bold;
    outline: 1px solid #F6F6F6;
    color: #888;
    background-color: #F1F1F1;
}

.nicearchive .archive-item a:hover ,
.nicearchive .archive-item.current a {
    border-left: 1px solid #5292a2;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    color: #fff;
    background: #3c97ad;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3c97ad),color-stop(100%,#20758f));
    background: -o-linear-gradient(top,#3c97ad 0,#20758f 100%);
    background: -ms-linear-gradient(top,#3c97ad 0,#20758f 100%);
    background: linear-gradient(to bottom,#3c97ad 0,#20758f 100%);
}

.nicearchive .archive-month {
    display: block;
    margin-bottom: 5px;
    line-height: 18px;
}

.nicearchive .archive-year {
    display: block;
    line-height: 18px;
}

.nicearchive .slide-arrow {
    z-index: 2;
/*    position: absolute;*/
    width: 35px;
    height: 70px;
    border: 1px solid #d1d1d1;
    border-right: none;
    background-color: #e3e3e3;
    background-image: url(images/sprite-slider-arrow.png);
    background-repeat: no-repeat;
    float:left;
    display:block;
}

.nicearchive .slide-arrow span {
    position: absolute;
    left: -99999px;
}

.nicearchive .previous-link {
    border-right: 1px solid #f5f5f5;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    background-position: 7px 17px;
}

.nicearchive .next-link {
    right: 0;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    background-position: 10px -72px;
}

.nicearchive .slide-arrow:hover {
    background-color: #d6d6d6;
}

/* ---- ANCIEN CODE ----  */

#nicearchive {
    margin-top: 51px;
}

#nicearchive ul {
    padding-left: 0;
}

#nicearchive ul,
#nicearchive li {
    list-style-type: none;
}

.nicearchive-years ul {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 25px 0;
}

.nicearchive-years li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    padding: 0 12px;
    line-height: 30px;
    background: #ddd;
    margin-right: 5px;
}

.nicearchive-years li a {
    font-family: 'Arial';
    font-size: 20px;
    color: #444444;
    font-weight: normal;
}

.nicearchive-years li.active,
.nicearchive-years li:hover {
    background: #2a89a1;}

.nicearchive-years li.active a,
.nicearchive-years li a:hover {
    color: #fff;
    text-decoration: none;
}

.nicearchive-months {
    padding-bottom: 28px;
    border-bottom: 1px solid #eeeeee;
    margin: 0 0  40px 0;
}

.nicearchive-months ul {
    margin: 0;
}

.nicearchive-months li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25%;
    text-align: center;
    margin-bottom: 5px;
}

.nicearchive-months li a {
    color: #222222;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
}

.nicearchive-months li.active a,
.nicearchive-months li a:hover {
    color: #2a89a1;
    text-decoration: none;
}

.nicearchive-list-posts .loop-short {
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 7px;
    margin-bottom: 9px;
    overflow: hidden;
}

.nicearchive-list-posts .loop-short a:hover {
    text-decoration: underline;
}

.nicearchive-list-posts .loop-short-infos {
    overflow: hidden;
}

.nicearchive-list-posts .loop-short-infos h2,
.nicearchive-list-posts .loop-short-infos h2 a {
    text-transform: uppercase;
    color: #222222;
    font-weight: normal;
    margin-bottom: 3px;
    font-size: 22px;
}

.nicearchive-list-posts .loop-short-infos small,
.nicearchive-list-posts .loop-short-infos small a {
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    font-family: "Times New Roman";
}

.nicearchive-list-posts .loop-short-infos small a {
    background: url(images/icn-com.png) center left no-repeat;
    padding-left: 19px;
}

.nicearchive-list-posts .loop-short-infos .separator {
    margin: 0 7px;
}

.loop-short .thumb {
    margin-right: 15px;
    float: left;
}

.loop-short .thumb img {
    padding: 2px;
    border: 1px solid #DDD;
}

.singleshare{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-top: 1px dotted #AFB2B3;
}
.singleshare.share-buttons{
    list-style:none inside;
    display:block;
    padding:0;
    margin:0;
}

.singleshare.share-buttons li{
    display:block;
    float:left;
}

.singleshare.share-buttons .gplus {
    margin-left: 15px;
}

/* ----------------------------------------------------------
   Newsletter
   ------------------------------------------------------- */

pre,
code {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    white-space: normal;
    vertical-align: baseline;
}

.mc_form_inside,
.newsletter form {
    margin-top: 20px !important;
    padding: 5px 15px !important;
    background-color: #E4E4E4 !important;
}

.mc_var_label,
.wpsb_form_label {
    font-family: Arial,Helvetica,Sans-Serif !important;
    font-size: 11px !important;
    line-height: 1.5em !important;
    color: #2A89A1 !important;
}

#mc_mv_EMAIL,
.wpsb_form_txt {
    width: 200px !important;
    margin: 5px 5px 1px 0 !important;
    padding: 2px !important;
}

#mc_signup_submit,
.wpsb_form_btn {
    display: block;
    width: 144px !important;
    height: 33px !important;
    margin: 30px auto !important;
    padding-top: 33px !important;
    border: none;
    background: url(images/billet_btn-envoyer.jpg) no-repeat;
    cursor: pointer;
}

/* ----------------------------------------------------------
   Lightbox pub
   ------------------------------------------------------- */

body {
    position: relative;
    height: 100%;
}

.lb-pub {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lbox-back {
    z-index: 40;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e5e7ea;
    background-color: rgba(29,29,27,0.9);
}

.lbox-content {
    z-index: 42;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -466px;
}

.lb-pub-link {
    display: block;
    width: 925px;
    height: 720px;
    text-indent: -9999px;
    background: url(images/img-lb-pub.jpg) center center no-repeat;
}

.lightbox-pub {
    position: relative;
}

.btn-close-lb {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999px;
    background: url(images/btn-close-lb.png) center center no-repeat;
    cursor: pointer;
}