html {
    height: 100%;
}
body{
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    position: relative;
    width: 100%;
    font-family: 'Cantarell', sans-serif;
    font-size: 11px;
    color: #b9b9b9;
}
a{    color: #b9b9b9; text-decoration: none;}
a:hover, .active {    color: #636363; }
#menu #toggle{
    display: none;
}
/****************************************************************/
/********************************* DISCLAMER  ************************/
/****************************************************************/
/*
#disclamer{
    height: 126px;
   width: 600px;

        padding: 0 20px;
    margin: 100px auto;
    line-height: 126px;
}*/
.clear{
    height: 1px;
    clear: both;
    content: " ";
}
#disclamer {
    margin: 0 auto;
    width: 150px;
}
#disclamer a {
    /*    float:left; */
    opacity: 0;
}
#menuToggle{
    display: none;
}
/*
#disclamer img{
    opacity: 0;
    margin:  0 55px;
    display: block;
    float:left;
}*/
#disclamer img{
    display: block;
    margin: 0 auto;
    opacity: 0;
    width: 150px;
}
/****************************************************************/
/********************************* HOME  ************************/
/****************************************************************/
.orbit-wrapper{
    left: 274px !important;
    top: 20px !important;
    position: absolute !important;
}
#featured, .orbit-wrapper{
    height: 425px !important;
    width: 670px !important;
    background: #000 ;
}
#featured img,
#featured div { display: none; }
.orbit-wrapper div#featured.orbit img {
    width: 670px;
}
/****************************************************************/
/********************************* GALERY************************/
/****************************************************************/
#global{
    margin: 0 auto;
    height: 580px;
    padding: 40px  40px 0  40px;
    width: 944px;
}
#header{
    height: 49px;
    width: 944px;
    margin-bottom:  31px;

}
/*#header.no_margin_bottom{
     margin-bottom: 30px !important;
     width: 340px;
     margin-top: 20px;
}*/
#header.no_margin_bottom {
    margin-bottom: 10px !important;
    margin-top: 20px;
    width: 240px;
}
#logo{
    height:  38px;
    width: 140px;
    margin-right:  0px;
    float: left;
    margin-left: 2px;
    background: url(../images/design/logo_bis.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 2px;

}
#logo a img{
    display: none;
    /*     height: 49px;*/
    height:  50px;
    width: 140px;
}
/*#menu{*/
    /*height: 49px;*/
    /*width: 800px;*/
    /*float: left;*/
/*}*/
/*#menu ul{*/
    /*float: right;*/
    /*height: 49px;*/
    /*list-style: none outside none;*/
    /*text-align: right;*/
/*}*/
/*#menu ul li{*/
    /*float: left;*/
    /*line-height: 49px;*/
    /*margin: 0 10px;*/
    /*text-transform: uppercase;*/
/*}*/

/*#menu ul li:last-child{*/
    /*margin-right: 0;*/
/*}*/
/*#menu ul li a {*/
    /*font-size: 10px;*/
/*}*/
.mobile{
    display: none;
}

#menu_new{
    height: 545px;
    width: 240px;
    float: left;
}
#menu_new ul{
    float: left;
    height: 545px;
    list-style: none outside none;
    text-align: left;
}
#menu_new ul li{
    /*     float: left;*/
    line-height: 25px;
    margin: 0 2px;
    text-transform: uppercase;
}

#menu_new ul li:last-child{
    margin-right: 0;
}
#menu_new ul li a {
    font-size: 11px;
}

/*
* Dropdown
*/

.dropdown-right {
    position: relative;
    width: 140%;
}
.dropdown-right-nav {
    position: absolute;
    display: none;
    opacity: 1;
    left: 75%;
    top: 0px;
    width: 300%;
    /*width: 195%;*/
    z-index : 1 ;
}
.space-light {
    line-height: 25px !important;
    text-transform: none !important;
    /*margin-bottom: 5px !important;*/
}
.space-very-light {
    line-height: 25px !important;
    text-transform: none !important;
    margin-bottom: 1px !important;
    /*margin-bottom: 5px !important;*/
}
.dropdown-right-nav:hover ~ a {
    color: #636363;
}

.dropdown-right:hover > .dropdown-right-nav {
    display: block;
    z-index : 10 ;
    /*opacity: 1;*/

}



#content{
    height: 510px;
    width: 944px;
    position: relative;
}


#zonnetexte{
    float: left;
    height: 425px;
    line-height: 14px;
    margin-right: 70px;
    overflow: hidden;
    width: 204px;
}
#zonnetexte ul{
    height: 370px;
    overflow: hidden;
    list-style: none;
    margin-bottom: 40px;
}
#zonnetexte ul li{
    width: 204px;
}

#zonnetexte a#up{
    background: url('../images/design/up.png') no-repeat center center;
    display: block;
    float: left;
    height: 15px;
    width: 21px;
    margin-right: 2px;
}
#zonnetexte a#up:hover{
    background: url('../images/design/up_h.png') no-repeat center center;
}
#zonnetexte a#down{
    background: url('../images/design/down.png') no-repeat center center;
    display: block;
    float: left;
    height: 15px;
    width: 21px;
    margin-right: 2px;
}
#zonnetexte a#down:hover{
    background: url('../images/design/down_h.png') no-repeat center center;
}

#pageContainer{
    background-color: #FFF;
    position: absolute;
    right: 0;
}
#pageContainer.contperso{
    margin-top: 20px;
}
.zonnephoto{
    position: relative;
    height: 441px;
    width: 670px;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 50;
    margin-top: 1px;
}
.zonnephoto.contactzone{
    border: 1px solid #CCC;

}
    #pageContainer.contperso .playerVideo{
        width: 670px !important;
        height: 441px !important;
        top: 0;
    }



/*
#pageContainer.contperso.zonnephoto{
      width: 960px !important;
}
*/

.grisfonce{
    color: #444444;
}
.grisfonce2{
    color: #444444;
    font-size: 11px;
    line-height: 16px;
}
.responsiveheight{ height: 40px;}






#prevphoto{
    position: absolute;
    top: 0;
    right: 335px;
    display: block;
    float: left;
    width: 335px;
    height: 100%;
    background: url('../images/design/sorry.png') repeat center center;
    z-index: 200;
}
#nextphoto{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    float: left;
    width: 335px;
    height: 100%;
    background: url('../images/design/sorry.png') repeat center center;
    z-index: 200;
}

#prevphoto:hover,#prevphoto:focus {
    background: url('../images/design/gauche.png') no-repeat left center;
}
#nextphoto:hover, #nextphoto:focus{
    background: url('../images/design/droite.png') no-repeat  right center;
}
#prevphoto.jp-disabled:hover{
    background: none;
}
#nextphoto.jp-disabled:hover{
    background: none;
}




#prelaod_tofiz{
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
}

/* ORBIT */
#featured{background:#FFF url(orbit/loading.gif) no-repeat center center;overflow:hidden;}
#featured>img,#featured>div,#featured>a{display:none;}
div.orbit-wrapper{width:1px;height:1px;position:relative;margin:0 auto;}
div.orbit{width:1px;height:1px;position:relative;overflow:hidden;}
div.orbit>img{position:absolute;top:0;left:0;display:none;}
div.orbit>a{border:none;position:absolute;top:0;left:0;line-height:0;display:none;}
.orbit>div{position:absolute;top:0;left:0;width:100%;height:100%;}
div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;}
span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(orbit/rotator-black.png) no-repeat;z-index:3;}
span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden;}
span.rotator.move{left:0;}
span.mask.move{width:40px;left:0;background:url(orbit/timer-black.png) repeat 0 0;}
span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(orbit/pause-black.png) no-repeat;z-index:4;opacity:0;}
span.pause.active{background:url(orbit/pause-black.png) no-repeat 0 -40px;}
div.timer:hover span.pause,span.pause.active{opacity:1;}
.orbit-caption{display:none;font-family:HelveticaNeue, Helvetica-Neue, Helvetica, Arial, sans-serif;}
.orbit-wrapper .orbit-caption{background:rgba(0,0,0,.6);z-index:1000;color:#fff;text-align:center;font-size:13px;position:absolute;right:0;bottom:0;width:100%;padding:7px 0;}
.orbit-bullets{position:absolute;z-index:1000;list-style:none;bottom:-40px;left:50%;margin-left:-50px;padding:0;}
.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(orbit/bullets.jpg) no-repeat 4px 0;width:13px;height:12px;overflow:hidden;}
.orbit-bullets li.active{color:#222;background-position:-8px 0;}
.orbit-bullets li.has-thumb{background:none;width:100px;height:75px;}
.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000;}





.holder{ width:258px;float:left;height:561px;margin:0 55px 0 0;padding-left: 14px; overflow: auto; background: #FFF url(../images/design/bg_scroll.png) repeat-y left center;}
.holder a{font-size:11px;  cursor:pointer;color:#B9B9B9;display:block;margin:0 25px 0px 0;  line-height: 21px; width: 100%;}
.holder a.jp-current:hover{cursor:default;background:none;}
.holder a:hover,.holder a.jp-current{color:#636363;}

.holder2{
    width: calc(50% - 22px);
    float:left;
    height:419px;
    margin:0 ;
    padding-left: 20px;
    padding-top: 20px;
    overflow: auto;
    background: #FFF ;
    /*     border-bottom: 1px solid #CCC;
         border-top: 1px solid #CCC;
         border-left: 1px solid #CCC;*/

}

.holder2 a{font-size:11px;  cursor:pointer;color:#B9B9B9;display:block;margin:0 25px 0px 0;  line-height: 21px; width: 100%;}
.holder2 a.jp-current:hover{cursor:default;background:none;}
.holder2 a:hover,.holder2 a.jp-current{color:#636363;}
.img_contact{
    display: block;
    float: right;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 254px;
}




/* Styles specific to this particular page */

/* Force the scroll bar to the left hand side of the screen */
.jspVerticalBar
{
    /* left: 0;*/
}

.holder
{
    width: 204px;
    height: 425px;
    overflow: hidden !important;
}

#viewallpage{
    height: 630px;
    width: 670px;
    float: right;
    margin-top: 20px;
}
.thumbit{
    height:  110px;
    width:  auto;
    margin: 0 20px 0 0;
    display: inline-block;
}


.thumbit img{
    height:  90px;
    width:  auto;
}

#foot {
    position: absolute;
    top: 470px;
    width: 947px;
    font-size: 11px;
}
.holder_new{
    float: right;
    width: 674px;
}

.holder_new a {
    display: none;
    float: left;
}
.holder_new .jp-current{
    display: block !important;
    width: 100%;
    text-align: left;
}
.holder_new .jp-current span.ll{
    display: inline-block !important;
    width: 50%;
    text-align: left;
}
.holder_new .jp-current span.lr{
    display: inline-block;
    width: 50%;
    text-align: right;
}
/*
.holder_new  span.ll.jp-hidden{
     display: inline !important;
}
.holder_new  span.lr.jp-hidden{
     display: inline !important;
}*/


.holder_new span{
    display: none;
}

.disp_none {
    display: block !important;
}

.disp_block {
    display: none !important;
}
.feed_zone_photo{
    width: 80%!important;
    height: 630px!important;
    /*height: 653px!important;*/

    background-color: rgba(232, 232, 232 , 0.5);
    margin-left: 20%;
    margin-top: 20px;
    overflow: hidden;
    position: absolute;
}
.feed_entier{
    width: 100%;
    height: auto;
    background-color: #2d2d2d;
}
.feed_photo{
    height: 370px!important;
    width: 360px!important;
    /*margin-left: 30%;*/
    margin-bottom: 1%;

}
.border_white{
    height: auto!important;
    display: inline-block;
    background-color: white;
    margin-bottom: -1px;
    /*height: 370px!important;*/
    width: 360px!important;
    margin-left: 30%;
    clear: right;
    /*margin-bottom: 4%;*/
    border-bottom: 20px solid white;
    border-right: 15px solid white;
    border-left: 15px solid white;
    border-top: 1px solid white;
}
.feed_block_text{
    color: black;
    display: inline;
    float: left;
    margin-top: 5px;
}

.libelle_feed{
    font-size: 13px;
    color: black;
    /*font-family: "Roboto",Roboto,Arial,sans-serif;*/
}
.hashtag_feed{
    font-size: 13px;
    color: #2393f9;
    /*font-family: "Roboto",Roboto,Arial,sans-serif;*/
}
.red{
    color: red!important;
}
.black{
    color: black!important;
}
.action{
    display: block;
    float: right;
    margin-left: 1%;
    margin-top: 2%;
}
button:hover{
    cursor: pointer;
}
a:hover{
    cursor: pointer;
}
.btn{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fa-1-5X{
    font-size: 2em;
    /*font-size: 1.4em;*/
    opacity: 0.19;
    margin-bottom: 5px;
    margin-right: 5px;
}
.fa-1-3{
    font-size: 1.7em;
    /*font-size: 1.2em;*/
    opacity: 0.20;
    margin-bottom: 5px;
    margin-right: 3px;

}
.coeur{
    margin-top: -1px;
    position: absolute;
    /* margin-right: -18px; */
    left: 605px;
    /*left: 618px;*/
}
.pagination_feed{
    width: 390px;
    margin-left: 30%;
    margin-top: 3% ;
    margin-bottom: 5%;
}
.number-post{
float: left;
    font-size: 10px;
    color: black;
}
.pagination_button{
float: right;
    font-size: 10px;

}

.pagination_button a{
    color: black;
}
.prev_pag{
    margin-right: 10px;
}