*{
       margin: 0;
       padding: 0;
}
html {
       height: 100%;
}
body {

        background-color:#333;
       /* position at bottom */
       margin: 0 auto;
    /*min-height: 100%;*/
     height: 100%;   overflow: hidden;
       font-family: "Segoe UI Light";
}
.backgroundimage {
       position: fixed;
       top: -50%;
       left: -50%;
       width: 200%;
       height: 200%;
}
.backgroundimage img {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       margin: auto;
       min-width: 50%;
       min-height: 50%;}
div {
       display: block;
}
img {
       display: inline-block;
}
.bsg-nav-back-projet{
    background-color: #443636;
    height:110px;
    margin:0;
    padding:0;
}
.bsg-nav-back{
    background-color:#888888;
    height:110px;
    margin:0;
    padding:0;
}
.bsg-nav-back-image{
    float:left;
    padding-left:10px;
    /*padding-top:40px*/
}
.bsg-nav-back-infos{
    /*float:left;margin-top: 47px;*/
    margin-left:8px;
    
    color:white;
    font-family: "Segoe UI Light";
    font-size: 15px;
}
.bsg-nav-back-image-beforeAfter{
    float:left;
    padding-left:10px;
    padding-top:20px
}
.bsg-nav-back-infos-beforeAfter{
    float:left;
    margin-left:5px;
    margin-top: 31px;
    color:white;
       font-family: "Segoe UI Light";
    font-size: 15px;
}
.bsg-nav-back-infos-publication{
    float:left;
    color:white;
       font-family: "Segoe UI Light";
    font-size: 28px;
    padding-left:100px;
}
 /*================================*/  
 .applicationContainer{
}
 .bsg-main 
{
    position:absolute;    background-color:#0a0a0a;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:0;
    margin:0;
    overflow: hidden;
}


.bsg-v90
{
    height: 90%;
    position:relative;
    /*margin:0;*/
}
.bsg-v10
{
    height: 10%;
    position:relative;
    /*margin:0;*/  
}
.bsg-cont{
    height:650px; 
    /*margin:0;*/
    position: absolute; bottom: 0; width: 100%;
 
}
.bsg-space{
    height: 500px;
    width:100%; /*width should be 100%*/

}
.bsg-navbar{
    height:150px; 
    /*margin:0;*/
    position: absolute; bottom: 0; width: 100%;


}

.bsg-spaceItem{
      height: 500px;
      margin:0;padding:0;
     /*border:1px solid White;*/
}
.bsg-spaceItem-rows2{
      height: 650px;
     /*border:1px solid White;*/
}
.bsg-navItem{
      /*border:1px solid White;*/   
       /*background-color: rgb(41, 33, 33);*/
      height:110px; /*150px;    */
    margin:0;padding:0;
     background-color:rgba(41, 33, 33,0.5) ;
}

.bsg-navItem-project{
      height:110px; /*150px;    */
    margin:0;padding:0;
    background-color:#443636; /* #888888;*/
    
       -moz-opacity: 1.0;
    opacity: 1.0; /*0.5;*/
}


/* home ======================================*/
.bsg-spaceItem-right-logo{

padding-right: 48px;
padding-top: 57px;
}
.bsg-spaceItem-right-logo-prefix{
color: white;
font-size: 65px;
       font-family: "Segoe UI Light";
}
.bsg-spaceItem-right-logo-suffix{
color: white;
font-size: 38px;  
       font-family: "Segoe UI Light";
}
.bsg-navItem-right{

      height:110px; /*150px;    */
 margin:0;padding:0;
 background-color:#81807d;
}
.bsg-navItem-right-info{
color: white;
font-size: 19px;

}

.bsg-nav-home {
    color: white;
       font-family: "Segoe UI Light";
    font-size: 27px;
    list-style: none;
    padding-top:13px;
}
.bsg-nav-home > li > a {    
    text-decoration:none;
    line-height: 1.09;color: white;
}
.bsg-nav-home > li > a:hover {
	color: red;
	text-decoration: none;
}

/* projects ======================================*/
.bsg-navItem-projects-title{
    padding-left:10px;
    padding-top:13px;
    color:white;
       font-family: "Segoe UI Light";
    font-size: 28px;
}

.bsg-nav-projects {
    color: white;
       font-family: "Segoe UI Light";
    font-size: 25px;
    list-style: none;
}
.bsg-nav-projects > li > a {    
    text-decoration:none;
    line-height: 1.05;
    color: white;
}
.bsg-nav-projects > li > a:hover {
	color: red;
	text-decoration: none;
}


.bsg-container-listview-projects {
    /*height: 630px;*/
    overflow: hidden;
}
.bsg-listview-projects{      
    height: 630px;
    margin-right: 29px; /*-20px; hide scroll bar vertical */   
margin-right: -18px;
    overflow-y: auto;
    margin-top: 19px;
    background-color:black ;
}

.bsg-listview-image {
    max-width: 100%;
    max-height: 100%;
    height: 174px;
    float: right;
}


.bsg-article-project-brief {
    height: 200px;
    margin: 20px;
    padding:10px;
    /*border: 1px solid White;*/
       font-family: "Segoe UI Light";

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bsg-infos--item-brief{
    /*height:200px;
    width:200px;*/
    float:left;
       font-family: "Segoe UI Light";
}
.bsg-image-project-brief{
        /*width:200px; 
        height:200px;*/
        float:left;
}


/* project ======================================*/
.bsg-info1-project-title {
    font-size: 23px;
    line-height: 0.8;
    margin-bottom: 5px;
}
.bsg-info1-project-item {
    font-size: 14px;
    line-height: 1.08;
    line-height: 1.4;
}

.bsg-info1-project {
    color: white;
       font-family: "Segoe UI Light";
    padding-top:13px;
    padding-left:3px;
}
.bsg-info1-project > ul > li {
    list-style: none;
}
.bsg-info2-project {
    color: white;
       font-family: "Segoe UI Light";
    font-size: 14px;
    line-height: 1.08;
    padding:3px;

}
.bsg-info2-project > ul > li {
    list-style: none;
}
.bsg-info3-project {
    color: white;
       font-family: "Segoe UI Light";
    font-size: 14px;
    line-height: 1.08;
    padding:3px;

}
.selectedPhotoBeforeSpace {
    background-color:rgb(53, 47, 47);
   margin-bottom:20px;
   float:right;
      height:480px;
      overflow:hidden;
}
.article-item-carousel{
    background-color:#808080;
   height:480px;
}
.bsg-carousel-photo {
    width:100%;
        display: block;
    margin-left: auto;
    margin-right: auto;

   /*padding-left:100px;
   padding-right:100px;
   padding-top:50px;
   padding-bottom:50px;*/
}
.bsg-carousel-photoBefore{
       

}
.bsg-carousel-photoBefore-Title{
    font-size: 25px;
    color:White;
    padding:20px;
}
.bsg-project-associatedPublication-brief{
    padding:3px;
    margin-bottom:2px;
    text-wrap:normal;
    /*background-color:rgb(41, 33, 33);*/
   text-wrap:normal;

}

a:hover > .bsg-project-associatedPublication-brief  {  background-color: rgb(100, 77, 35) !important; }
/*
a:link > .bsg-project-associatedPublication-brief  { background-color:rgb(41, 33, 33); !important;}
a:visited > .bsg-project-associatedPublication-brief { background-color:rgb(41, 33, 33); !important;}
a:active > .bsg-project-associatedPublication-brief{   background-color: rgb(100, 77, 35) !important;}
    */

.bsg-listview-publications{
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
    padding-top:10px;
    background-color:rgb(53, 47, 47);
}
.bsg-projet-listview-publications{
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
    padding-top:10px;
    background-color:#888888;
}

/* agences ======================================*/

.bsg-agences-equipe-container{
     background-color:rgba(41, 33, 33,0.8) ;
    height: 464px;
    overflow: hidden;
    color:#3e3b2f;
           font-family: "Segoe UI Light";
    font-size: 14px;
}

.bsg-agences-parcours-container-scroll{
    overflow-y: auto;
    height: 464px;
        background-color:rgba(41, 33, 33,0.9) ;

}
.bsg-agences-parcours-container {
    height: 464px;
    overflow: hidden;
}

.bsg-agences-partenaires-container {
    height: 464px;font-family: "Segoe UI Light";
    overflow: hidden;
}
.bsg-agences-parcours-partenaires-scroll{
    height: 464px;font-family: "Segoe UI Light";
    overflow-y: auto;
     background-color:rgba(41, 33, 33,0.9) ;
}

.bsg-agences-partenaires-container-vcard {
    height: 464px;font-family: "Segoe UI Light";
    overflow: hidden;
}
.bsg-agences-partenaires-title {
    margin-top:7px;
    margin-bottom:4px;
    padding-left: 5px;
    font-size: 18px;font-family: "Segoe UI Light";
    line-height: 20px;
    color: rgb(204, 102, 255);
    background-color: rgb(41, 33, 33);
}
.bsg-agences-partenaires{
    padding-left:5px;
    font-size: 15px;font-family: "Segoe UI Light";
    line-height: 20px;
    color: white;
    background-color: rgb(41, 33, 33);
}



.bsg-agences-parcours{
     padding-left:5px;
    font-size: 15px;font-family: "Segoe UI Light";
    line-height: 20px;
    color: white;
    background-color: rgb(41, 33, 33);
}
.bsg-agences-parcours-title{
    margin-top: 30px;
    padding-left:5px;
    font-size: 15px;font-family: "Segoe UI Light";
    line-height: 15px;
    color: rgb(243, 154, 12);
    background-color: rgb(41, 33, 33);
}

.bsg-agence-infos-title{
    padding-left:5px;
       font-family: "Segoe UI Light";
    font-size: 20px;
    line-height: 25px;
    color: white;
    margin-top: 10px;
}
.bsg-agence-infos{
    padding-left:5px;
    font-size: 15px;
       font-family: "Segoe UI Light";
    line-height: 9px;
    color: white;
    margin-top: 10px;
}
.bsg-agences-profil-info{
    margin-top : 100px;
    font-size: 18px;
     font-family: "Segoe UI Light";
    line-height: 23px;
    color: white;
    padding-left: 20px;
    background-color: rgb(41, 33, 33);
}
.bsg-agences-profil-brief{
    padding:3px;
    /*height:80px;*/
    margin-bottom:2px;
    text-wrap:normal;
    /*background-color:rgb(41, 33, 33);*/
   text-wrap:normal;
     font-family: "Segoe UI Light";
}

a:hover > .bsg-agences-profil-brief  {  color: rgb(100, 77, 35) !important; }

.bsg-agences-profil-title-item-brief{
    font-size:22px;
    color: white;
    padding-left: 20px;
    padding-top: 20px;
     font-family: "Segoe UI Light";
}

/* publications ======================================*/

.bsg-infos-publication{
    margin:20px;
    padding-top:20px;
    padding-left:20px;
}
.bsg-title-publication {
       font-size: 15px;
    color:red;
}
.bsg-subtitle-publication {
       font-size: 12px;
    color:red;
}

.bsg-publication-magazine{
     font-size: 25px;
    color:white;
    padding-left:10px;padding-right:3px;
}
.bsg-publication-title {
         font-size: 20px;
    color:white;
    padding-left:15px;padding-right:3px;
    margin-top:10px;
}

/* item in list ======================================*/


.bsg-title-item-brief {
       font-size: 18px;
       font-weight:bold;
        padding-top:3px;padding-left:3px;
    /*color:#f00;*/
}
.bsg-subtitle-item-brief {
    font-size: 12px;
    padding-top:3px;
    padding-left:3px;
    color:white;
}

.bsg-project-associatedPublication-title-item-brief {
    padding-left:10px;padding-right:3px;
    font-size: 21px;
    color:White;
    margin-bottom:10px;
}
.bsg-project-associatedPublication-subtitle-item-brief {
    padding-left:15px;padding-right:3px;
    font-size: 15px;
    color:white;
    font-weight:bold;
    margin-bottom:7px;
}
.bsg-project-associatedPublication-list-title{
    font-size: 15px;   
    color:white;
    text-align :center;
    /*height:80px;*/
    padding-top:20px;
    background-color:#888888;
}
.bsg-project-associatedPublication-container {
     background-color:rgba(41, 33, 33,0.9) ;
    /*height: 480px;*/
}