/* public/css/pages_articles_simples.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;
}
.boutonNouvelArticle
{
    font-size: 90%;
}
.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;
    }
}

@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;
    }
}

@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;
    }
}

.explications
{
    font-size: 90%;
}


/* CSS spécifique à chaque page */
@media screen and (min-width: 700px)
{
    #photo_melaine
    {
        background-image: url('../header_images/melaine.png');
    }
    #photo_concerts
    {
        background-image: url('../header_images/sirene.jpg');
        width: 308px;
        height: 170px;
        margin-left: auto;
    }
    #photo_presse
    {
        background-image: url('../header_images/fille_qui_tombe.jpg');
        width: 208px;
        height: 163px;
        margin-left: auto;
    }
    #photo_ateliers
    {
        background-image: url('../header_images/cavalier.jpg');
        width: 159px;
        height: 312px;
        margin-left: 10px;
    }
    #photo_liens
    {
        background-image: url('../header_images/canoe.png');
        width: 207px;
        height: 144px;
        margin-left: auto;
    }
    #photo_peinture
    {
        background-image: url('../header_images/mouette_ocean.jpg');
        width: 257px;
        height: 171px;
        margin-left: auto;
    }

    #photo_archives
    {
        background-image: url('../header_images/blonde.jpg');
        width: 257px;
        height: 233px;
        margin-left: auto;
    }
    .explications
    {
        width: 373px;
    }
    .explications p
    {
        margin: 10px;
    }
}

@media screen and (max-width: 699px)
{
    #photo_melaine
    {
        background-image: url("../header_images/melaine_petit.png");
    }
    #photo_concerts
    {
        background-image: url('../header_images/sirene_petit.jpg');
        width: 243px;
        height: 132px;
        margin: 0 0 0 auto;
    }
    #photo_presse
    {
        background-image: url('../header_images/fille_qui_tombe_petit.jpg');
        width: 158px;
        height: 124px;
        margin: 0 0 0 auto;
    }
    #photo_ateliers
    {
        background-image: url('../header_images/cavalier_petit.jpg');
        width: 121px;
        height: 237px;
        margin-left: 10px;
    }
    #photo_liens
    {
        background-image: url('../header_images/canoe_petit.png');
        width: 157px;
        height: 109px;
        margin: 0 0 0 auto;
    }
    #photo_peinture
    {
        background-image: url('../header_images/mouette_ocean_petit.jpg');
        width: 195px;
        height: 130px;
        margin: 0 0 0 auto;
    }
    #photo_archives
    {
        background-image: url('../header_images/blonde_petit.jpg');
        width: 195px;
        height: 177px;
        margin: 0 0 0 auto;
    }
    .explications
    {
        width: 285px;
    }
    .explications p
    {
        margin: 5px;
    }
}

@media screen and (max-width: 479px)
{
    #photo_melaine
    {
        background-image: url("../header_images/melaine_mini.png");
    }
    #photo_concerts
    {
        background-image: url('../header_images/sirene_mini.jpg');
        width: 162px;
        height: 88px;
        margin: 0 0 0 auto;
    }
    #photo_presse
    {
        background-image: url('../header_images/fille_qui_tombe_mini.jpg');
        width: 105px;
        height: 82px;
        margin: 0 0 0 auto;
    }
    #photo_ateliers
    {
        background-image: url('../header_images/cavalier_mini.jpg');
        width: 80px;
        height: 158px;
        margin-left: 10px;
    }
    #photo_liens
    {
        background-image: url('../header_images/canoe_mini.png');
        width: 105px;
        height: 73px;
        margin: 0 0 0 auto;
    }
    #photo_peinture
    {
        background-image: url('../header_images/mouette_ocean_mini.jpg');
        width: 130px;
        height: 86px;
        margin: 0 0 0 auto;
    }
    #photo_archives
    {
        background-image: url('../header_images/blonde_mini.jpg');
        width: 130px;
        height: 118px;
        margin: 0 0 0 auto;
    }
    .explications
    {
        width: 190px;

    }
}