/* CSS pour l'article 1 */

/* COUVERTURE */

.couverture {
    height: 100% ;
    width: 100% ;
    position: fixed ;
    background-image: url("../img/ustaritz.jpg") ;
     background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* Titre de l'article */

.gradientarticle {
    position: absolute ;
    right:0;
	bottom:0;
    height: 70% ;
    width: 100% ;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


.titrearticle {
    position: absolute;
	right:0;
	bottom:0;

}

.titrearticle h1{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 4em ;
    color: #fff ;
 
}

.titrearticle i {
    color: #fff ;
    font-size: 3em ;
    margin-left: 48% ;
    margin-right: auto ;
    padding-bottom: 10px ;
}

/* Titre de l'article FIN */

/* Corps de l'article */

.corpsarticle {
    background-color: #fff;
        padding: 38px 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

.corpsarticle h1 {
    font-family: 'Red Hat Display', sans-serif ;
    font-size: 2.4em ;
}

.corpsarticle h2 {
    font-family: 'Bitter', serif;
    font-size: 1.3em;
}

.corpsarticle p {
    font-family: sans-serif ;
    font-size : 1em;
}

.legende {
    font-family: 'Bitter', serif !important;
}

.blockquote {
    
}

a {
    color: #c5a600;
    transition: all 0.7s ease-out ;
}

a:hover {
    color: #846e00 ;
}



/*MEDIA QUERIES */

@media (max-width:380px) {
    .titrearticle h1 {
        font-size: 2.4em ;
    }
}