/*
Theme Name: Bamboo bar
Theme URI: http://alexy2k.fr
Description: Theme Bamboo bar by Alexandre NGUYEN.
Version: 0.1
Author: Alexandre NGUYEN

Creation Theme by Alexandre NGUYEN || http://alexy2k.fr

*/

/* =RESET (http://developer.yahoo.net/yui/license.txt) version: 2.2.1 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* END RESET */

body {
	background: #4b1a20 none left top no-repeat;
	text-align: center;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

/* =CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */
/* END CLEARFIX */

#main {
    width: 930px;
    margin: 0 auto;
    text-align: left;
}

#home .right {
    width: 274px;
    float: right;
    margin: 10px 0 0 0;
    display: inline;
}

#home .center {
    width: 300px;
    padding: 0 0 0 10px;
    float: left;
    margin: 10px 0 0 0;
    display: inline;
}

#home .left {
    width: 320px;
    float: left;
    margin: 10px 10px 0 0;
    display: inline;
}

#homeMEA {
    width: 254px;
    height: 279px;
    background: transparent url(images/headerBlocRight.png) left top no-repeat;
}

#homeMEA p {
    width: 238px;
    height: 115px;
    overflow: hidden;
}

#home #main #header {
    margin-bottom: 20px;
}

#header {
    width: 100%;
    height: 260px;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 9999;
}

.headerBloc {
    background: transparent url(images/headerBlocCentral.png) left top no-repeat;
    min-height: 102px;
}

.headerBloc h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    padding: 0 0 0 30px;
}
    .headerBloc h2 span {
        color: #b5eb05;
    }
    .headerBloc2 h2.widgettitle {
        background: none;
        text-align: left;
    }

.headerBloc2 {
    background: transparent url(images/degrade.png) left 244px repeat-x;
}

.headerBloc2 h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #b2ea05;
    width: 100%;
    text-align: center;
    background: transparent url(images/headerBlocLeft.png) left top no-repeat;
}

.headerBloc2 h4 {
    color: #b2ea05;
    font-size: 21px;
    font-weight: normal;
    margin: 12px 0 0 20px;
}

.headerBloc2 h4 strong {
    font-weight: bold;
    display: block;
}

.headerBloc2 p {
    margin: 15px 0 10px 20px;
    color: #fff;
    font-size: 12px;
    text-align: left;
}
    .headerBloc2 p a {
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }
        .headerBloc2 p a strong {
            font-weight: bold;
        }

.listingSoirees {
    margin: 10px 0 0 0;
}

.listingSoirees h3 {
    font-size: 18px;
    font-weight: bold;
    color: #de1071;
    background: transparent url(images/puce.png) left 3px no-repeat;
    padding: 0 0 0 20px;
}

.listingSoirees li {
    padding: 0 15px 25px 0;
    position: relative;
}

.listingSoirees li.separateur {
    background: transparent url(images/separateur.png) -15px bottom no-repeat;
}

.listingSoirees li.separateur2 {
    background: transparent url(images/separateur2.png) left bottom no-repeat;
    margin: 20px 0;
}

.listingSoirees .soireesTitle, .listingSoirees .soireesText {
    margin: 0 30px 0 20px;
}

.listingSoirees .soireesTitle {
    font-size: 14px;
    font-weight: bold;
}

.listingSoirees .soireesText {
    font-size: 10px;
}

.seeAll {
    color: #b5eb05;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    bottom: 15px;
    right: 20px;
}
    .seeAll span, .seeAll2 span {
        text-decoration: underline;
    }

.seeAll2 {
    color: #b5eb05;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 0 20px;
}

.headerBloc3 {
    position: relative;
    width: 273px;
    /*height: 135px;*/
	padding-bottom:15px;
    background: transparent url(images/headerBlocRight2.png) left top no-repeat;
    color: #fff;
}

.headerBloc3 h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    padding: 0 0 0 50px;
}
    .headerBloc3 h2 span {
        color: #b5eb05;
    }

    .headerBloc3 p {
        margin: 10px 20px 0;
    }

    .headerBloc3 p strong {
        font-weight: bold;
    }

    #footer {
        width: 929px;
        height: 36px;
        background: transparent url(images/footer.png) left top no-repeat;
    }

#footer ul {
    width: 691px;
    text-align: center;
    margin: 0 auto;
    line-height: 36px;
}

#footer ul li {
    float: left;
    font-size: 10px;
}
    #footer ul li a {
        color: #fff;
        text-decoration: none;
    }
        #footer ul li a:hover {
            text-decoration: underline;
        }
    #footer ul li span {
        padding: 0 5px;
    }
    #footer .pictos {
        line-height: 36px;
    }
    #footer .pictos a {
        float: left;
        margin-top: 6px;
        margin-right: 5px;
    }

#homeMEA {
    padding: 0 0 0 18px;
}

#homeMEA h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    padding: 0 0 0 32px;
}
    #homeMEA h2 span {
        color: #b5eb05;
    }

#internalMain {
    float: left;
    width: 600px;
    display: inline;
    padding: 25px 0 0 45px;
    background: #4b1a20 url(images/bgLeftInside.jpg) left top no-repeat;
}

#internalSidebar {
    float: right;
    width: 275px;
    padding-top: 20px;
    display: inline;
}

#internalMain h2 {
    font-size: 34px;
    margin: 0 0 0 45px;
}
#internalMain h2 span {
    font-weight: bold;
    color: #de1071;
    margin-left: -34px;
    display: block;
}

#internalMain h2 span.inline {
    display: inline;
    margin-left: 0;
}

.internalMainHalf {
    float: left;
    width: 300px;
    display: inline;
    margin: 30px 0 0;
}

.internalMainHalf.left {
    width: 258px;
    margin-right: 20px;
    background: transparent url(images/flecheRose.png) left top no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #de1071;
}
.internalMainHalf.left p {
    margin: 0 0 15px 55px;
    text-align: right;
}
.internalMainHalf.left.left2 {
    color: #ec7416;
    background: transparent url(images/flecheOrange.gif) left top no-repeat;
}
.internalMainHalf.left.left2 p {
    margin: 0 0 25px 55px;
}
.internalMainHalf.left.left3 {
    color: #350D0A;
    background: transparent url(images/flecheMarron.gif) left top no-repeat;
}
.internalMainHalf.left.left3 p {
    margin: 0 0 25px 55px;
}

.internalMainHalf.right li strong {
    font-weight: bold;
    font-size: 14px;
    color: #DE1071;
    display: block;
}

.internalMainHalf.right2 li strong {
    color: #EC7416;
}

.internalMainHalf.right {
    color: #350d0a;
}
.internalMainHalf.right ul li {
    background: transparent url(images/smallFlecheRose.gif) left 3px no-repeat;
    padding: 0 0 0 15px;
    margin: 0 0 20px 0;
}

.internalMainHalf.right2 ul li {
    background: transparent url(images/smallFlecheOrange.gif) left 3px no-repeat;
}

.internalMainHalf.right3 ul li {
    background: transparent url(images/smallFlecheMarron.gif) left 3px no-repeat;
}

#internalMainBottom {
    height: 36px;
    width: 100%;
    background: #4b1a20 url(images/bgLeftInside-bottom.jpg) left top no-repeat;
    margin-left: -45px;
    padding-right: 48px;
}

#internalSidebar .block2 {
    position: relative;
    width: 275px;
    background: #4b1a20 url(images/blocSidebar2.gif) left top no-repeat;
    margin: 0 0 10px 0;
}

#internalSidebar .block2 h4, #internalSidebar .block h4 {
    color: #b2ea05;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 45px 0 60px;
    text-align: center;
}

#internalSidebar .block h4 {
    line-height: 30px;
    padding: 0 45px 0 45px;
}

#internalSidebar .block2 p, #internalSidebar .block p {
    margin: 13px 20px 0 20px;
}

#internalSidebar .block {
    position: relative;
    width: 275px;
    background: #4b1a20 url(images/blocSidebar.gif) left top no-repeat;
    margin: 0 0 10px 0;
}

#internalSidebar .block p {
    text-align: center;
}

#internalSidebar .block p strong {
    font-weight: bold;
    font-size: 14px;
}

a.albumThumb {
    float: left;
    width: 89px;
    height: 90px;
    overflow: hidden;
    opacity: 0.50;
    -moz-opacity: 0.50;
    display: inline;
    margin: 2px 1px;
}

a.albumThumb:hover {
    opacity: 1;
    -moz-opacity: 1;
}

.internalMainHalf.right ul li.noBullet {
    background: none;
    text-align: center;
}

.albumThumb span {
    display: block;
    width: 89px;
    height: 90px;
}
    .albumThumb span {
        background-position: center center;
    }

.listingSoirees .fleche {
    background: transparent url(images/flecheRose.png) left top no-repeat;
    padding: 0 0 0 15px;
}

.listingSoirees .soireesDate {
    background: none;
    font-size: 16px;
    font-weight: bold;
}

#agenda .listingSoirees, #dancefloor .listingSoirees {
    text-align: right;
    color: #350d0a;
}

#agenda .listingSoirees strong, #dancefloor .listingSoirees strong {
    font-weight: bold;
    font-size: 16px;
}

#agenda .photoAgenda, #dancefloor .photoAgenda {
    float: right;
    margin: 0 30px 0 25px;
}

#agenda .block p, #dancefloor .block p {
    text-align: left;
}

.syndication {
    float: left;
    margin: 5px 10px 0 15px;
}

.syndication img {
    display: block;
    margin-bottom: 5px;
}

#agenda .block p.syndicationText, #carte .block p.syndicationText, #media .block p.syndicationText, #dancefloor .block p.syndicationText {
    margin: 5px 5px 0 0;
    line-height: 20px;
    text-align: left;
}

#carte #internalMain h2, #job #internalMain h2, #reservation #internalMain h2, #mentions #internalMain h2, #vente #internalMain h2, #media #internalMain h2, #espace #internalMain h2, #contact #internalMain h2 {
    margin-left: 10px;
    background: transparent url(images/filetTitre.png) left bottom no-repeat;
    padding-bottom: 5px;
}
    #carte #internalMain h2 span, #job #internalMain h2 span, #reservation #internalMain h2 span, #mentions #internalMain h2 span, #vente #internalMain h2 span, #media #internalMain h2 span, #espace #internalMain h2 span, #contact #internalMain h2 span {
        display: inline;
        margin: 0;
        padding: 0;
    }

#carte .menuCarte li { float: left; }
#carte a.btnCarte { display: block; text-indent: -9999px; }

a.btnCarte.cocktails {
    background: transparent url(images/carte_cocktails.png) left top no-repeat;
    height: 41px;
    width: 125px;
}

a.btnCarte.tapas {
    background: transparent url(images/carte_tapas.png) left top no-repeat;
    height: 34px;
    width: 167px;
}

a.btnCarte.plats {
    background: transparent url(images/carte_plats.png) left top no-repeat;
    height: 32px;
    width: 91px;
}

a.btnCarte.dessert {
    background: transparent url(images/carte_desserts.png) left top no-repeat;
    height: 36px;
    width: 102px;
}

a.btnCarte.glaces {
    background: transparent url(images/carte_glaces.png) left top no-repeat;
    height: 33px;
    width: 64px;
}

a:hover.btnCarte { background-position: left bottom; }

.flecheRose {
    background: transparent url(images/flecheRose.png) left top no-repeat;
    color: #de1071;
    padding-left: 55px;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}

.menuListing li {
    margin: 10px 0;
}

.menuListing h3 {
    font-size: 13px;
    color: #350d0a;
    font-weight: bold;
}

.menuListing h3:before {
    content: '• ';
}

.menuListing p {
    font-size: 12px;
    color: #350d0a;
}

.photoMedia {
    float: left;
    margin-right: 15px;
}

.mediaListing {
    color: #350d0a;
}
.mediaListing strong {
    color: #de1071;
}

.photosElm {
    margin: 5px 15px;
    float: left;
}

.listingSoirees h3.soireesDate a {
    text-decoration: none;
    color: #DE1071;
}

.titleAlbum {
    font-size: 16px;
    font-weight: bold;
    color: #350D0A;
    margin: 10px 0 10px 15px;
}

#job .menuListing, #reservation .menuListing {
    margin-left: 55px;
    color: #350d0a;
}

.cform .cf-ol label span, .cform span.reqtxt, #contact .cform span.emailreqtxt, #contact .cform input.sendbutton {
    color: #350d0a;
}

#contact .cform input, #contact .cform textarea, #contact .cform select, #carte .cform input, #carte .cform textarea, #carte .cform select {
    background-color: #fff;
    color: #000;
}

#contact .flecheRose {
    line-height: 33px;
}

.linklove {
    display: none;
}

.cform .cf-ol label span {
    text-align: right;
}

#reservation .cform {
    width: auto;
}

.block3Top {
    width: 274px;
    height: 12px;
    background: #d41069 url(images/block3.gif) left top no-repeat;
}
.block3 {
    background: #d41069 none left top no-repeat;
    width: 244px;
    padding: 0 15px;
}
.block3Btm {
    width: 274px;
    height: 24px;
    background: #d41069 url(images/block3.gif) left bottom no-repeat;
}

.block3 h4 {
    font-size: 15px;
    font-weight: bold;
}

.block3 ol.cf-ol li.cf-box-title {
    border-top: 1px dotted #fff;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.block3 ol.cf-ol li.cf-box-group {
    padding: 0;
    margin: 0;
}

.block3 .cform label, .block3 .cform label span {
    width: auto;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}

.cform span.reqtxt, .cform span.emailreqtxt {
    display: none;
}

.block3 .cform .cf-box-b {
    margin-right: 5px;
}

#mentions p strong {
    font-size: 16px;
}

#reservation .internalMainHalf.left.left3 p {
    text-align: center;
}

.textColored {
    color: #350D0A;
    margin-bottom: 10px;
}

.textColored strong {
    font-size: 14px;
    font-weight: bold;
}

.addthis {
  padding: 5px 3px 0;
}