h1
{
	color: darkblue;
	font-size: 45px;
	text-align: center;
    font-family: 'de_valenciaregular', serif;
    text-shadow: 6px 6px 6px black;      
    border-width:4px;
    
   
}



nav
{
    display: inline-block;
    position: absolute;
    left: 10%;
    top: 56%;
    width: 250px;
    
       
}	



section
{
    display: inline-block;
    position: absolute;
    left: 35%;
    top: 56%;
    width: 250px;
        
}



article
{
    display: inline-block;
    position: absolute;
    left: 57%;
    top:56%;
    width: 250px;

}



footer
{
    display: inline-block;
    position: absolute;
    left: 80%;
    top:56%;
    width: 250px;

}

h2
{
	
    text-decoration: underline;
    color: darkred;
    font-family: 'de_valenciaregular', serif;
    text-shadow: 4px 4px 6px black;
    font-size: 12px;

}

p
{
	font-family: times, serif;
    color: black;	
    text-align: justify;
    font-size: 12px;
    text-shadow: 2px 2px 8px black;
    

}

ul
{

    font-family: times, serif;
    font-size: 12px;
    margin: 5px;
    text-shadow: 2px 2px 8px black;

}


@font-face {
    font-family: 'rochesterregular';
    src: url('Rochester-Regular-webfont.eot');
    src: url('Rochester-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Rochester-Regular-webfont.woff2') format('woff2'),
         url('Rochester-Regular-webfont.woff') format('woff'),
         url('Rochester-Regular-webfont.ttf') format('truetype'),
         url('Rochester-Regular-webfont.svg#rochesterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'de_valenciaregular';
    src: url('De Valencia (beta)-webfont.eot');
    src: url('De Valencia (beta)-webfont.eot?#iefix') format('embedded-opentype'),
         url('De Valencia (beta)-webfont.woff2') format('woff2'),
         url('De Valencia (beta)-webfont.woff') format('woff'),
         url('De Valencia (beta)-webfont.ttf') format('truetype'),
         url('De Valencia (beta)-webfont.svg#de_valenciaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'abhaya_libreregular';
    src: url('AbhayaLibre-Regular-webfont.eot');
    src: url('AbhayaLibre-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('AbhayaLibre-Regular-webfont.woff2') format('woff2'),
         url('AbhayaLibre-Regular-webfont.woff') format('woff'),
         url('AbhayaLibre-Regular-webfont.ttf') format('truetype'),
         url('AbhayaLibre-Regular-webfont.svg#abhaya_libreregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
    background-image: url("image_cv/abstract10.png");
    opacity: 100;
    background-size: cover;
    background-repeat: no-repeat;
    margin:0;
}


.zoomarticle 
{
    height: auto;
    float: right;
    margin-bottom: 1.65em;
    margin-left: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    position : fixed; top : 0; right : 10px;
    z-index: 999;
}

.article_big_img {
    
    overflow: hidden;
    padding: 2px;
}

.article_big_img > img {
    
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.zoomarticle:hover > .article_big_img > img {
    transform: scale(1.20);
    -ms-transform: scale(1.20);
    -webkit-transform: scale(1.20);
    -o-transform: scale(1.20);
    -moz-transform: scale(1.20);
} 

.imagepp
{
    float: right;
    position: relative;
    top: -30px;
    right: -1px;

   
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    
}


.imagepp:hover
{
    text-align: center;
    transform: scale(1.20);
    -ms-transform: scale(1.20);
    -webkit-transform: scale(1.20);
    -o-transform: scale(1.20);
    -moz-transform: scale(1.20);

}




.imageban{
    position: relative; 
    float: left; 
    height: auto;
    margin: auto;
    left:-90px;
    top:-292px;

    
    width: 250px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
  

.imageban:hover
{
    text-align: center;
    transform: scale(1.20);
    -ms-transform: scale(1.20);
    -webkit-transform: scale(1.20);
    -o-transform: scale(1.20);
    -moz-transform: scale(1.20);

}



@media all and (max-width: 1024px)
{
    .bloc_page
    {
        width: auto;
    }
}



@media all and (max-width: 1024px)
{
    .imageban
    {
        display: none;
    }
}



@media all and (max-width: 1024px)
{
    nav, section, article, footer{
        flex-direction : column;
        width : auto;
        margin-bottom : 15px;
        text-align : justify;
        position : relative;
        left : 10%; 
    }
    
}