/**
 * stylev2.css
 * ---------
 */

/*
jeu de couleurs : 
    ~rouge
    ~bleu très pâle
*/

html {
}

body
{
    background-image: url("../Images/background.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    background-attachment: fixed;
    margin: auto;
    font-family: Comic Sans MS;
}

#titre_site
{
    border: 5px red solid;
    border-radius: 10px;
    text-align: center;
    background-image: url("../Images/vert_clair_014.jpg");
    padding: 20px 20px 20px 20px;
}

#titre_site a
{
    text-decoration: none;
    color: maroon;
}

.img-grande
{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.img-article
{
    display: block;
    width: 100%;
    height: auto;
    /* A changer selon les besoins, pas adapté aux grandes résolutions */
    max-width: 640px;
    text-align: center;
    margin: auto;
}

.page-header {
    border-bottom: 0px;
}

.navbar-default
{
    background: none;
    border: 0px;
}
#btn-dropdown-menu-haut
{
    background-image: url("../Images/vert_clair_014.jpg");
    color: red;
}

#menu-haut
{
    text-align: justify;
}

#menu-haut > li
{
    margin: 2.5px;
}

#menu-haut > li > a
{
    background-image: url("../Images/vert_clair_014.jpg");
    border: 1px solid red;
    color: red;
}

#menu-haut > li > a:hover
{
    color: red;
    border: 1px solid orange;
}

#menu-haut > li > a:focus
{
    color: red;
    border: 1px solid orange;
}

section
{
    background-color: rgba(255, 255, 255, 0.7);
    color: blue;
    padding: 5px;
    border: 3px red solid;
    margin-top : 10px;
}

#titre_page
{
    border: 4px red solid;
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.well {
    padding: 20px;
}