/* NAS */
div#NAS div{
    display: inline-block;
    margin: 30px;
    vertical-align: middle;
}
div#NAS div.leftbox{
    width: 150px;
}
div#NAS div.rightbox{
    width: 900px;
}

/* Research */
div#Research div{
    display : inline-block;
    vertical-align : top;
    width: 31%;
    padding : 5px;
}

div#Research li {
    list-style: none;
    margin: 15px;
}




/* HEADER */

header{
    background-color: rosybrown;
    border: 3px solid rgba(194, 147, 147, 0.911);
    border-radius: 10px;
}


div#header div.rightbox{
    width : 200px;
    margin-left: 50px;
    
}
div#header div.middlebox{
    width : 175px;
    
}
div#header div{
    display: inline-block;
    vertical-align: middle;
}
div#header div.leftbox{
    width : 95px;
    margin : 3px;
}

div#header img, p{
    padding : 5px;
    margin-top: top;
}



li.btn{
    /*width: 100%;*/
    margin : 3px;
    text-indent: 5px;
    list-style-type: none;
    border: 3px solid rgba(180, 141, 141, 0.911);
    width : 120px;
    border-radius: 7px;

}

li.btn a{
    display:block; /* permet de cliquer sur tout le bloc*/
    color : rgb(49, 41, 41);
    text-decoration: none;
    font-size: large;
}


li.btn:hover a{
    /*width: 100%;*/
    height: 100%; 
    color : whitesmoke;
    transition: 0.3s all;
    
}
li.btn:hover {
    
    background-color: rgb(49, 41, 41);
    border: 3px solid rgb(49, 41, 41);
    transition: 0.3s all;
    border-radius: 7px;
}




    








/* CONTENT */
p.presentation{
    width : 90%;
    margin : 30px;
    color: black;
    max-width: 900px;
}


/** CV **/
div#CV div{
    display: inline-block;
    width : 420px;
    vertical-align: top;
}

li.CV, li.fabernovel, li.IBM, li.PhD{
    list-style: none;
    padding : 10px;
    margin-right: 20px;

}

ul li.fabernovel::before {
    content: '';
    display: inline-block;
    height: 2em;
    width: 2em;
    background-image: url('../images/fabernovel_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0.5em -1.3em -2.5em;
  }

  ul li.IBM::before {
    content: '';
    display: inline-block;
    height: 2em;
    width: 2.4em;
    background-image: url('../images/IBM_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0.5em -1.3em -3em;
  } 

/** CV **/


div#content div.presentationbox{
    display: inline-block;
    min-width: 850px;
}

div#content div.leftbox, div.rightbox{
    display: inline-block;
    vertical-align:  middle;
    width : 68%;
}
div#content div.leftbox{
    width: 200px;
    margin : 30px;
}
/** div#content div.rightbox{
    width: 20%;
}**/
div#content div{
    display: inline-block;
}

div#content div.leftbox p{
}

div#content div.leftbox{
    vertical-align : top;
}
div#content div.rightbox{
    vertical-align : top;
}







body{
    background-color: rgb(245, 223, 196);
}



footer{
    background-color: rgb(241, 238, 243);
}