/* public/melaine.css */

.police_titre
{
    color: #e9d4be;
}

td
{
    vertical-align: top;
}

pre
{
	font-family: 'Arial', 'sans';
	white-space: pre-wrap;
}

figure
{
    /*margin: 5px;*/
}
.boutonArticle
{
    border-bottom: 3px black double;
}
.boutonArticle a
{
    padding: 2px;
    border: 4px black groove;
}

@media screen and (min-width: 700px)
{
	#titre
    {
        width: 630px;
        height: 171px;
        background-image: url("../mouette.png");
    }

    #photo
    {
        width: 630px;
        height: 230px;
        background-image: url("../melaine/photo.png");
        position: relative;
        bottom: 30px;
    }

    /*img
    {
        max-width: 630px;
    }*/
}

@media screen and (max-width: 699px)
{
    #titre
    {
        width: 480px;
        height: 131px;
        background-image: url("../mouette_petit.png");
        margin: auto;
    }

    #photo
    {
        width: 480px;
        height: 191px;
        background-image: url("../melaine/photo_petit.png");
        margin: auto;
        position: relative;
        bottom: 24px;
    }

    /*img
    {
        max-width: 480px;
    }*/
}

@media screen and (max-width: 479px)
{
    #titre
    {
        width: 320px;
        height: 88px;
        background-image: url("../mouette_mini.png");
        margin: auto;
    }

    #photo
    {
        width: 320px;
        height: 127px;
        background-image: url("../melaine/photo_mini.png");
        margin: auto;
        position: relative;
        bottom: 17px;
    }

    /*img
    {
        max-width: 320px;
    }*/
}