@charset "iso-8859-1";

body {

    margin:0;

    font-family: Georgia, "Times New Roman", serif;

    background-image:url("bgtuileceline/bgrosegradient.jpg");


}


.page {

    display:flex;

    align-items:stretch;

    justify-content:center;

    gap:25px;

    margin:20px auto;

	
}


/* bannière */

.banniere {


    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;


}


.titre {


    width:600px;

    height:200px;


}



.separateur {


    display:block;

    margin:35px auto;

}


.droite {

    width:160px;

    text-align:center;

    padding:15px;

    border:3px solid #bb5f8d;


}

.contenu {

    width:800px;

    padding:20px;

    box-sizing:border-box;

    background-image:url("bgtuileceline/bgrosegradient.jpg");

    border:3px solid #bb5f8d;

}
	 .droite {

    width:160px;

    padding:15px;

    box-sizing:border-box;

    text-align:center;

    border:3px solid #bb5f8d;

}
	.droite img {

    max-width:100%;

    height:auto;

}
	.droite {
    overflow:hidden;
}
	.droite img,
.droite iframe {

    max-width:100%;

}	
    .droite img {

    display:block;

    margin:0 auto;

}
	.droite {
    text-align:center;
}

.droite iframe {
    margin:0 auto !important;
    display:block;
}




.citation {

    font-size:18px;
    font-style:italic;
    font-weight:bold;
    color:#993366;
    margin-bottom:50px;

}


.citation  div:first-child {

    line-height:1.15;

}


.auteur {
	color:#9B5C75;
    margin-top:15px;
    font-size:16px;
    font-style:normal;
    font-weight:bold;

}

.grande-lettre {

    font-size:34px;
    font-style:italic;
    line-height:0;

}  

.navigation-poesie {

    text-align:center;

    margin-top:50px;

    font-size:20px;

    font-style:italic;

}


.bloc-liens {

    margin-bottom:20px;

}


.navigation-poesie a {

    color:#993366;

    text-decoration:none;

}


.navigation-poesie a:hover {

    text-decoration:underline;

}
 
.navigation-saisons {

    text-align:center;

    margin:35px auto;

    font-size:22px;

    font-style:italic;

}

.titre-archives {

    color:#993366;

    font-weight:bold;

    margin-bottom:10px;

}


.musique h3 {

    margin:0 0 10px 0;

} 

.musique {

    text-align:center;

    margin-top:0;

    margin-bottom:25px;

    padding-top:0;

}

.contenu .titre-saison {

    color:#6B8E23;		
	
	 text-align:center;
}

.liste-poemes {

    width:650px;

    margin:0 auto 40px auto;


}


.poeme-ligne {

    display:grid;

    grid-template-columns:300px 300px;

    margin-bottom:15px;

    font-size:18px;

}


.poeme-ligne a {

    color:#993366;

    font-weight:bold;

    text-decoration:none;

}


.poeme-ligne span {

    color:#9B5C75;

    font-style:italic;

}

 .titre-poemes {

    color:#9B5C75;

    margin-top:40px;

    margin-bottom:20px;

}

.contenu .titre-poemes {

    color:#666600;

    text-align:left;

    margin-top:40px;

    margin-bottom:20px;

}