/* =========================================================
   NOUVELLE IDENTITÉ VISUELLE
   Alain Giraud - Psychanalyste à Avignon
   ========================================================= */

:root {
    --bleu-petrole: #315C63;
    --bleu-petrole-fonce: #264A50;
    --vert-sauge: #A8B5A2;
    --ivoire: #F7F4EE;
    --sable: #E6DED1;
    --texte: #303331;
    --blanc: #FFFFFF;
}


/* =========================
   PAGE
   ========================= */

body {
    font-family: 'Open Sans', Arial, sans-serif;
    color: var(--texte);
    background-color: var(--ivoire);
    font-size: 15px;
    line-height: 1.7;
}

p {
    color: var(--texte);
}


/* =========================
   TITRES
   ========================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bleu-petrole);
    line-height: 1.3;
}

h1 {
    font-weight: 600;
}

h2 {
    font-weight: 600;
}


/* =========================
   LIENS
   ========================= */

a {
    color: var(--bleu-petrole);
}

a:hover,
a:focus {
    color: var(--bleu-petrole-fonce);
}


/* =========================
   MENU
   ========================= */

.navbar-fixed-top {
    background-color: var(--blanc);
    border: 0;
    box-shadow: 0 2px 15px rgba(48, 51, 49, 0.08);
}

.navbar-brand {
    color: var(--bleu-petrole) !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--texte);
}

.navbar-default .navbar-nav > li > a:hover {
    color: var(--bleu-petrole);
    background-color: transparent;
}


/* Menu actif */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    color: var(--blanc);
    background-color: var(--bleu-petrole);
}


/* =========================
   ICÔNES
   ========================= */

.icon {
    color: var(--vert-sauge);
}

.ficon i {
    color: var(--vert-sauge);
}


/* =========================
   BOUTONS
   ========================= */

.btn {
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.btn-primary {
    background-color: var(--bleu-petrole);
    border-color: var(--bleu-petrole);
    color: var(--blanc);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--bleu-petrole-fonce);
    border-color: var(--bleu-petrole-fonce);
    color: var(--blanc);
}


/* =========================
   BLOCS
   ========================= */

.box {
    color: var(--texte);
}

main p, main h3 {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
/* =========================
   CONTACT
   ========================= */

#contact-page {
    background-color: var(--ivoire);
}


/* =========================
   FOOTER
   ========================= */

footer {
    background-color: var(--blanc);
}

.widgetheading {
    color: var(--bleu-petrole);
}

.f-about a h1,
.f-about a h1 span {
    color: var(--bleu-petrole);
}

.f-contact i {
    color: var(--bleu-petrole);
}

.f-contact a:hover p {
    color: var(--bleu-petrole);
}


/* Bandeau inférieur du footer */

.last-div {
    background-color: var(--bleu-petrole);
}

.copyright,
.copyright a {
    color: var(--blanc);
}

.copyright a:hover {
    color: var(--sable);
}


/* =========================
   SCROLLUP
   ========================= */

a.scrollup {
    background-color: var(--bleu-petrole);
    color: var(--blanc);
}

a.scrollup:hover {
    background-color: var(--bleu-petrole-fonce);
    color: var(--blanc);
}


/* =========================
   EXERGUE
   ========================= */

.exergue span {
    color: var(--bleu-petrole);
}


/* =========================
   SLIDER
   ========================= */

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: var(--bleu-petrole);
}
/* TEST NOUVELLE PALETTE */

body {
    background: #F7F4EE !important;
    color: #303331 !important;
}

.navbar-fixed-top {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 2px 15px rgba(0,0,0,.10) !important;
}

.navbar-brand,
.navbar-custom-text {
    color: #315C63 !important;
}

.navbar-default .navbar-nav > li > a,
.nav-tabs > li > a {
    color: #303331 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.nav-tabs > li > a:hover {
    color: #315C63 !important;
    background: #F7F4EE !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #315C63 !important;
}

p {
    color: #303331 !important;
}

.icon,
.icon i,
.ficon i {
    color: #A8B5A2 !important;
}

.btn-primary {
    background: #315C63 !important;
    border-color: #315C63 !important;
    color: #FFFFFF !important;
}

.btn-primary:hover {
    background: #264A50 !important;
    border-color: #264A50 !important;
}

.last-div {
    background: #315C63 !important;
}

.articles {
    margin-top: 20px;
    padding: 25px;
    background: #FFFFFF;
    border-left: 3px solid #A8B5A2;
}

.articles h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #315C63;
    font-size: 24px;
}

.articles ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articles li {
    padding: 10px 0;
    border-bottom: 1px solid #E6DED1;
}

.articles li:last-child {
    border-bottom: 0;
}

.articles a {
    color: #315C63;
    text-decoration: none;
}

.articles a:hover {
    color: #264A50;
}

.articles p {
    padding: 0;
    margin-top: 20px;
}