@import url('https://fonts.googleapis.com/css?family=Lora|Slabo+27px');

/* HEADER */

#header {
    padding: 6px;
    height: 100px;
    background: url('../gfx/sand-bg.jpg') no-repeat center center fixed;
    background: #f6f6FB;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}
.hgroup {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-top: 15px;
}

.prv {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    top: 25px;
    text-align: right;
    
}
.prvicon {
    width: 50px;
}

/* GLOBAL */
h1 {
    font-family: 'Lora', serif;
    font-size: 24pt;
    color: #454545;
}
h2 {
    font-family: 'Lora', serif;
    font-family: 'Slabo 27px', serif;
    font-size: 16pt;
    color: #606060;
}
h5 {
    font-family: 'Lora', serif;
}

p {
    font-family: 'Slabo 27px', serif;
}

/* LIENS */

.link-bg {
    background: url('../gfx/new-york-1587516_1920.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    
}

.link-bgcolor {
    background: #DEDEDE;
    opacity: 0.84;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}

/* ARCHIVES */

.archives-bg {
    background: url('../gfx/snowflakes-1236245_1920.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    
}

.archives-bgcolor {
    background: white;
    opacity: 0.80;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}

/* LIENS PRIVES */

.plink-bg {
    background: url('../gfx/wallhaven-171425.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    
}

.plink-bgcolor {
    background: #DEDEDE;
    opacity: 0.70;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}

/* FICHIERS PRIVES */

.pfiles-bg {
    background: url('../gfx/pexels-photo-479453.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    
}

.pfiles-bgcolor {
    background: white;
    opacity: 0.90;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}

.file {
    display: inline-block;
    height: 140px;
    width: 140px;
    background: cyan;
    margin: 5px;
}

.file_size {
    position: absolute;
    font-family: 'Lora', serif;
    margin: 15px;
    margin-top:100px;
    font-weight: bold;
    font-size: 15pt;
}

.file_name {
    position: absolute;
    width: 130px;
    margin-left: 5px;
    font-size: 9pt;
}

.filebg-maroon { background: maroon; color: white !important; border: 1px solid #DEDEDE; }
.filebg-red { background: #CE0000; color: white !important; border: 1px solid #DEDEDE; }
.filebg-grey { background: silver; color: #202020 !important; border: 1px solid #DEDEDE; }
.filebg-green { background: #40A040; color: white !important; border: 1px solid #DEDEDE; }
.filebg-blue { background: #4040A0; color: white !important; border: 1px solid #DEDEDE; }
.filebg-cyan { background: #0080FF; color: white !important; border: 1px solid #DEDEDE; }
.filebg-orange { background: #F3CA4B; color: #202020 !important; border: 1px solid #DEDEDE; }

/* FICHIERS PRIVES */

.phosting-bg {
    background: url('../gfx/woman-bed-female-attractive.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    
}

.phosting-bgcolor {
    background: #DCCCCE;
    opacity: 0.70;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}



/* FOOTER */
.footer {
    text-align: center;
    padding: 8px 12px;
    background: #404040;
    color: #EFE0FF;
    font-size: 10pt;
}