body {
    width: 92%;
    padding: 4%;
    margin: 0;
    font-family: 'inria_sans', 'Arial', sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 20px;
    overflow-x: hidden;
}
h1 { padding:0; margin:0; }
h1:hover{ color: #000; }
h2 {
    font-size: 1.9em;
    margin: -0.3em 0 0.3em 0;
    padding: 0;
    text-align: left;
}
h3{ margin: 2vw 0 1vw 0; font-size: 1.3em; }
span{color: #bbb;}
i {  color: #999; }
b { font-weight: normal;  color: #444;  }
a { text-decoration: underline; color: #000; }
a:hover{ text-decoration: none; }
p { margin: 1vw 0 ; font-family: 'inria_serif', sans-serif; }
.cv p { font-family: 'inria_sans'; }
li { list-style-type: none; }
ul { padding:0; margin:0; margin-bottom: 1em; font-size: 0.9em; }
li:before { content: "- "; }
::selection      { background:#00ffcc; color:#000; }
::-moz-selection { background:#00ffcc; color:#000; }
#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #fff; z-index:3;}
.date  { margin-bottom: 0.6em; }
.bottom{ margin: 4vw 0; position: relative; line-height: 1em; }
.bottom a{text-decoration: none;}
.bottom a:hover{text-decoration: none; color: #aaa}
.bottom span{ color: Black; font-size: 1.2em; }
.whiteColor{ color: white; }
/***************************************** MENU*/
#top{
    position: sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    background: #fff;
    margin: 0 -4vw;
    padding: 0 4vw;
    margin-bottom: calc(4vw - 1.1%);
}
#top a, h1{
    text-decoration: none;
    font-size: 1.1em;
}
#top div {
    display: inline-block;
    width: 25%;
    padding: 0 1.1%;
    box-sizing: border-box;
}
#top a:hover {
    text-decoration: none;
    color:#aaa;
}
#top a.actived { color:#aaa; }
#top a.actived:hover { color:#000; }
/***************************************** SOUS MENU */
#menu a{ text-decoration: none; }
#menu a:hover{ text-decoration: underline; }
#menu div{ line-height: 1.2em; }
#menu {
    line-height: 2.2em;
    background-color: white;
}
/***************************************** CONTENU*/
.embed-container {   /* video vimeo */
    position: relative; padding-bottom: 66%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.download { text-decoration: underline; display: inline-block; border:none; background: #222; font-size: 1.3em; font-family: "inria_sans"; color:#fff; padding: 0.3em; margin: 6px;}
.download:hover { text-decoration: none; cursor: pointer; }

/******************************************** VIGNETTES INDEX */
#container{
	margin:-1.1%;
	margin-top:0;
    padding:0;
}
#container .item{
	padding: 1.1%;
    box-sizing: border-box;
	/* background-color: #efefef; */
}
#container .indexItem a:hover{ opacity: 0.9;} /* index */
#container .indexItem .innerItem{
    width: 100%; height: 100%;
    display: block;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    }  /* index */
#container .item .color{ padding:4vw; }
#container .item img{ width: 100%; }
#container .item .backgroundRight{ width: calc(100% + 4vw); }
#container .item p:first-child { margin-top: 0; }
#container .item .overTopRight{
    position: absolute;
    width: 31.3%;
    bottom: 3vw;
    right: 3.1vw;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.noBorder{ width: calc(100% + 6vw); margin: 1.1% 0 1.1% -3vw !important; padding: 0 !important; }
#container :last-child.noBorder{ margin: 1.1% 0 calc(-1em - 8vw) -3vw !important; }
.noBorder .embed-container{ margin: -3vw 4% !important; }
.right{ float: right; } .left{ float: left; }
.width1{ width: 25%; } .width2{ width: 50%; } .width3{ width: 75%; } .width4{ width: 100%; }
.height1{ height: 18vw; } .height2{ height: 36vw; } .height3{ height: 54vw; }
.left1{ padding-left: 26% !important; } .right1{ padding-right: 26% !important; }
.left2{ padding-left: 52% !important; } .right2{ padding-right: 52% !important; }
.postit{
	z-index: 1;
	padding: 6px 6px ;
 	background-color: #fff;
    color: #000;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}
.infoBig{ font-size:1.4em; }
.project{
    display: none;
    position: absolute;
    max-width: 39.5%;
    bottom: 3vw ; left: 3vw ;
}
.dateIndex { font-size: 0.7em; }
.abstract-short { margin:0px;  color: #555; text-align: left;  font-size: 0.7em; }

.noLoad{ /* page exemples texturing (no packery) */
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}