/*
# ------------------ BEGIN LICENSE BLOCK ------------------
#
# This file is part of PluXml : http://www.pluxml.org
#
# Package:		theme.css
# Copyright (c) 2017 PluXml
# Authors		Jos, Stephane F.
# Licensed under the GPL license.
# See http://www.gnu.org/licenses/gpl.html
#
# ------------------- END LICENSE BLOCK -------------------
*/

/* ----- Menu ----- */

.nav {
rgb(254,
202,
151);
    height: 4rem;
    margin-top: 1rem;
    text-align: left;
    background-color: /*#fff*/

}

.nav ul {
    line-height: 3rem;
}

@media(max-width:767px) {
    .nav {
        height: auto;
        margin-top: 0;
        max-height: 200px;
        overflow-y: auto;
        text-align: left;
    }

    .nav > .container {
        padding: 0;
    }

    .responsive-menu label {
        margin: .75rem;
        text-align: right;
        font-size: 3.5rem;
        color: #333;
        background-color: #fff;
    }

    .responsive-menu label:before {
        content: '\039e';
    }
}

li a.active {
    color: #e42929;
}

/* ---------- Header ---------- */

body {
	background-color: /*#fff*/rgb(254, 202, 151);
	font-size: 1.6rem;
}

@media(min-width:64rem) {
    .container {
        padding-right: 15rem;
        padding-left: 15rem;
    }
}

/*ajout BG */

.container {
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1280px;
}

@media(min-width:1024px) {
    .container {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .header {
    
        padding-top: /*6*/2rem;
        padding-bottom: 6rem;
        text-align: center;
        color: #fff;
        background-color: /*#1a6699*/#e5927c;

    }

    .header a {
        color: #fff;
    }

    /* ajout BG beige seo */

    header h1 a {
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 1);
        font-weight: bold;
        color: #fff;
    }

    header h1 a:hover {
        text-decoration: none;
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 1);
        color: #600;
    }
		   header h2 { font-size: 3rem;
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 1);
        font-weight: bold;
        color: #fff;
    }

	   header h2 a {
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 1);
        font-weight: bold;
        color: #fff;
    }

    header h2 a:hover {
        text-decoration: none;
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 1);
        color: #600;
    }

  /*  header h2 {
        margin: 0;
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(255, 255, 255, 1);
        font-size: 1.8rem!important;
        letter-spacing: 0.07rem;
        color: #4F4130;*/
    }

    header h3 { font-size: 2rem;
        text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 1);
        font-weight: bold;
        color: #fff;
    }

    /*   */

    .header a:hover {
        text-decoration: none;
    }

    /* ---------- Main ---------- */

.main {
	background-color: /*#fff*//*#fffcfc*/#f9f4f0;
	padding-bottom: 6rem;
}

    .repertory {
        margin-top: 4rem;
    }

    .pagination {
        margin: 3rem 0 3rem 0;
    }

    .pagination a {
        padding: .9rem .7rem;
        border-radius: .3rem;
        color: #fff;
        background-color: #600;
        transition-duration: .2s;
    }

    .pagination a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #3a6c96;
    }

    .pagination span:first-letter,
    .pagination a:first-letter {
        text-transform: uppercase;
    }

    .p_first,
    .p_prev,
    .p_current,
    .p_next,
    .p_last {
        display: inline-block;
    }

    /* ajout bg 
.article header h1{font-size:1.8rem;font-weight:bold;}
.article header h1 a{color:#b19b81;}
.article header h1 a:hover{color:#444;text-decoration:none;}
.article section:first-letter{float:left;margin:0.625rem 0.312rem 0 0;padding:0 0.625rem 0 0;font-size:200%;color:#b19b81;}
  */

    /* ajout bg */

    .article header h1 {
        font-size: 200%;
        font-weight: bold;
    }

    .article header h1 a {
        color: #333;
    }

    .article header h1 a:hover {
        text-decoration: none;
        color: #600;
    }

    .article section:first-letter {
        float: left;
        margin: 0.625rem 0.312rem 0 0;
        padding: 0 0.625rem 0 0;
        font-size: 200%;
        color: #b19b81;
    }

    /*  .article header h2 {font-size:200%;
	color: #333;
}
.article header h2 a {
	color: #333;
} */

    .article header h2 a {
        text-decoration: none;
        font-size: 110%;
        color: #600;
    }

    .article header h2 a:hover {
        text-decoration: none;
        font-size: 110%;
        color: #600;
    }

    .article footer small,
    .article header small,
    .comment small {
        color: #666;
    }

    .article header span:before,
    .article header time:before,
    .article footer span:before {
        padding-right: .3rem;
        padding-left: 1.5rem;
    }

    .article .written-by:after {
        content: '|';
        padding-left: 0;
    }

    .article .art-date:after {
        content: '|';
    }

    .article .classified-in:after {
        content: '|';
        padding-left: 0;
    }
.article img{border:#FFF solid 0.188rem;box-shadow:0.188rem 0.188rem 0.188rem 0.0625rem rgba(0, 0, 0, 0.3);display:inline;margin-bottom:0.125rem;margin-top:0.125rem;}
    .article img.art_thumbnail {
        padding: 15px 0 10px 0;
    }

    .page.mode-article .article footer {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }

    .article section:first-letter {
        float: left;
        margin: 10px 5px 0 0;
        padding: 0 10px 0 0;
        font-size: 78px;
        line-height: 52px;
        color: #0BF;
    }

    .comment {
        margin-bottom: 2.5rem;
        padding-left: 6rem;
        background-image: url('../img/user.png');
        background-repeat: no-repeat;
    }

    .comment blockquote {
        margin: 0;
        font-size: 1.3rem;
    }

    .type-admin {
        padding: .2rem .5rem;
        background-color: #F0F8FF;
    }

    .nbcom {
        padding: .4rem .6rem;
        border-radius: .3rem;
        color: #fff;
        background-color: #600;
    }

    .nbcom:hover {
        text-decoration: none;
        color: #fff;
        background-color: #3a6c96;
    }

    .level-0 {
        margin-left: 0;
    }

    .level-1 {
        margin-left: 5rem;
    }

    .level-2 {
        margin-left: 10rem;
    }

    .level-3 {
        margin-left: 15rem;
    }

    .level-4 {
        margin-left: 20rem;
    }

    .level-5,
    .level-max {
        margin-left: 25rem;
    }

    @media(max-width:768px) {
    .comment {
        padding-left: 0;
        background-image: none;
    }

    .level-1 {
        margin-left: 1rem;
    }

    .level-2 {
        margin-left: 2rem;
    }

    .level-3 {
        margin-left: 3rem;
    }

    .level-4 {
        margin-left: 4rem;
    }

    .level-5,
    .level-max {
        margin-left: 5rem;
    }
}

#id_answer {
    display: none;
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border: 1px solid #eee;
    background: #fafafa;
}

.capcha-letter,
.capcha-word {
    font-weight: bold;
}

.capcha-word {
    padding: .9rem .7rem;
    border-radius: .3rem;
    letter-spacing: .5rem;
    background-color: #ddd;
    transition-duration: .2s;
}

.capcha-word:hover {
    color: #fff;
    background-color: #666;
    transition-duration: .2s;
}

.aside {
    padding: 0 2rem 0 2rem;
}

.aside h3 {
    margin-top: 5rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
}
/*bg*/
.aside h4 {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
}

.aside ul {
    margin: 0;
}

.aside ul.tag-list {
    padding-left: 0;
    list-style-type: none;
}

.aside ul.tag-list li {
    display: inline-block;
    margin-right: 1.5rem;
}

.aside ul.tag-list li.tag-size-1 a {
    font-size: 1rem;
}

.aside ul.tag-list li.tag-size-2 a {
    font-size: 1.2rem;
}

.aside ul.tag-list li.tag-size-3 a {
    font-size: 1.4rem;
}

.aside ul.tag-list li.tag-size-4 a {
    font-size: 1.6rem;
}

.aside ul.tag-list li.tag-size-5 a {
    font-size: 1.8rem;
}

.aside ul.tag-list li.tag-size-6 a {
    font-size: 2rem;
}

.aside ul.tag-list li.tag-size-7 a {
    font-size: 2.2rem;
}

.aside ul.tag-list li.tag-size-8 a {
    font-size: 2.4rem;
}

.aside ul.tag-list li.tag-size-9 a {
    font-size: 2.6rem;
}

.aside ul.tag-list li.tag-size-10 a {
    font-size: 2.8rem;
}

.aside ul.tag-list li.tag-size-max a {
    font-size: 3rem;
}

/* ---------- Footer ---------- */

.footer {
rgb(254,
202,
151);
    padding: 6rem 0;
    text-align: center;
    font-size: 1.2rem;
    color: #666;
    background: /*#fff*/

}

.footer p {
    margin: 0;
}

.footer a,
.footer li.active a {
    color: #666;
}

/* ----------  ---------- */

@media(max-width:768px) {
    .header,
    .footer {
        padding: 2rem 0;
    }

    .aside {
        padding-left: 1.5rem;
    }
}

/* affichage groupe des pages statiques */

/*   sous forme de menus déroulants     */

@media(max-width:768px) {
    .menu > li ul {
        position: relative !important;
    }

    .menu > li ul li:hover {
        background-color: #fff;
    }

    .menu > li ul li:hover a {
        text-decoration: underline;
    }

    .responsive-menu ul li.active a,
    .responsive-menu ul li.active:hover {
        color: #000;
        background-color: #fff;
    }
}

.menu > li ul {
    display: none;
    position: absolute;
    padding: 0;
    line-height: 2.8rem;
}

.menu > li:hover ul {
    display: block;
}

.menu ul li {
    display: block;
    margin: 0;
    padding: 0 1rem;
    background-color: #fff;
}

.static.group.active,
.static.menu.active a {
    color: #e5927c;
}

.static.group.noactive,
.static.menu.noactive a {
#fff;
    color: /*#660000*/

}

.menu span::before {
    content: '\25bc';
}

.MyBreadcrumb {
	line-height : 190%;
    font-size: 150%;
}

/* ajout BG */
.marque{margin:0 0.625rem 0 0;background:url('../img/marque.png') no-repeat;padding-left:3rem;}
/*.rssli{margin:0 0.625rem 0 0;background:url('../img/rss.png') no-repeat;padding-left:1.25rem;}*/
.more a {
    display: block;
    width: 300px;
    height: 70px;
    text-indent: -999px;
    background: url(../img/lire.png) no-repeat;
}

.more {
    margin: 0 0 0 2em;
}
/*[== Indéfini images responsives ==]*/
img {
  max-width: 100%;
  height: auto;
  border: 0;
}