@import url("assets/css/structure.css");

body{background: #fff ;color: #313131 !important;line-height: 1.35;font-family: Roboto-400}
main a{color: #265380}

.screen-reader-text,
.search-submit{display: none}

p > a,
p > img{
    width: 100%;
}

p > a > img,
h1 > strong > img,
p > strong > img{
    width: 100%;
	height: auto;
}

img{position: relative;}

img:before {
    align-items: center;
    box-sizing: border-box;
    content:  attr(alt);
    display: inline-flex;
    justify-content: center;
    position: absolute;
    left: 0;
    padding: 5px;
    height: 100%;
    width: 100%;
    background-color: rgb(230, 230, 230);
    outline: 1px solid rgb(200, 200, 200);
    text-align: center;
    border-radius: 16px;
}

img:after {
    display: block;
    font-size: 16px;
    color: rgb(100, 100, 100);
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    border-radius: 16px;
}

.wp-block-button{
    margin:20px 0;
}

.wp-block-image img {
	width:100%;
    height: auto;
}

@media(min-width:768px) {
    main{min-height:calc(100vh - 119px - 268px );}
    #page main{min-height:calc(100vh - 119px - 268px - 50px);}
}

/* Styles pour la date et l'auteur */
.date-author-italic {
    color: #494949;
    font-size: 14px;
    font-style: italic;
}

.separator-par {
    color: #8F8F8F;
    font-size: 14px;
}

/* Styles pour les titres */
.text--title {
    font-size: 20px;
    font-family: Roboto-700;
}

/* Styles pour le texte */
.text {
    font-size: 14px;
    font-family: Roboto-400;
}

/* Styles pour les catégories */
.category-title {
    font-size: 17px;
    font-family: Roboto-700;
}