html, body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow: hidden;
    font-family:FreeSans, Helvetica, Arial;
}
frame{
    border:none;
}
[class*="bm_"]{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.bm_mindmap{
    width:70%;
    float: left;
    height: 100%;
}
.bm_annonce{
    width:30%;
    float: right;
    height: 30%;
    background-color: rgba(0,0,0,0.05);
}
.bm_slider{
    width:30%;
    float: right;
    height: 70%;
    background-color: rgba(0,0,0,0.05);
}
.echo{
    background-repeat:no-repeat;
}

#new{
    background:#FFF url(/medias/brain.jpg) no-repeat center center;
    background-size: cover;
}
#new .container{
    padding-top:6em;
}
#bm{
    width:50px;
    height:auto;
    position:absolute;
    bottom:20px;
    left:20px;
    opacity:0.7;
}

#header-image{
    display: block;
    width:100%;
    height: 10%;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}
#header{
    width:100%;
}



#mindmap{
    font-size:1.5em;
}
#mm{
    position:relative;
    width:900px;
    padding:0 20px;
    margin:auto;
}
#mindmap section{
    position:relative;
    width:100%;
    height:100%;
    box-shadow:rgba(0,0,0,0.1) 0 0 70px inset;
}
#mindmap div{
    margin-left:20px;
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    z-index:1;
    font-size:0.7em;
    transform-origin:0 0;
    -moz-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    border-left:#999 2px dotted;
}
#mindmap div div div{
    border-left:#CCC 2px dotted;
}

#mindmap div font{
    position:absolute;
    text-align:center;
    font-size:1em;
}
#mindmap div font img{
    position:absolute;
    width:45px;
    height:auto;
    top:-50px;
    left:45%;
    border-radius:3px;
}
#mindmap div div font img{
    top:-10px;
    left:-25px;
    border-radius:0;
    opacity:0.7;
}
#mindmap div span{
    position:absolute;
    display:block;
    right:0;
    bottom:0;
}
#mindmap div font.font{
    background:#CCC;
    color:#FFF;
    position:absolute;
    display:block;
    border-radius:30px 2px 20px 5px;
    padding:1em;
    font-weight:900;
    z-index:200;
    text-shadow:rgba(0,0,0,1) 0 0px 2px;
    box-shadow:rgba(0,0,0,0.2) 0 2px 5px;
}
#mindmap div div font.font{
    padding:1em 0.5em 1em 1.5em;
}
#mindmap div font.theme{
    min-width:80px;
}
#mindmap .act1 font.font{    
    box-shadow:rgba(255,255,0,1) 0 0px 10px;
    border:#FF0 2px solid;
}
#mindmap div div font.idee{
    padding:0.8em;
    min-width:50px;
    opacity:0.8;
    border-radius:20px 1px 20px 2px;
}
#mindmap div .activity{
    background:#444;
    color:#FFF;
    position:absolute;
    display:block;
    width:10Px;
    height:10px;
    border-radius:20px;
    padding:0.7em;
    font-weight:900;
    z-index:300;
    border:#000 2px solid;
    bottom:-15px;
    right:-10px;
    text-decoration: none;
}

#prod{
    height:100%;
}
#prod .list{
    padding:3em 0;
    border-left:#777 10px solid;
    margin-left:50px;
    min-height:100%;
}
#prod .list div{
    margin: 0;
    padding: 10px 10px 10px 50px;
    position: relative;
    min-height: 90px;
}

#prod time{
    background:#333;
    border-radius:50%;
    color:#FFF;
    display:block;
    position: absolute;
    top: 10px;
    left:-34px;
    height:60px;
    text-align: center;
    width:60px;
    line-height: 60px;
}

#prod p{
    font-weight: 900;
    font-size: 1.5em;
    margin: 3px 0 0 -10px;;
}
#prod cite{
    color:#999;
}

.btn-primary{
    background-color: #2A1A64;
    border-color:#0A1A64;
}