/*********
Général
 */
:root, body {
font-family: 'Noto Serif', serif;
}
/*********
Zone évitement
 */

#evitement {
    background-color: #edeae3;
}

#evitement .nav-evitement li a {
    color: #3d3d3d;
    border-color: #3d3d3d;
}

#evitement .btn-contacter-mairie {
    border-radius: 3px;
    background-color: #ffffff;
    color: #175789;
}

#evitement .col-search {
    background-color: #d5ceba;
    border: 0px solid [ACCUEIL_COLOR_BTN_SEARCH_EVITEMENT];

}

#evitement .col-search i {
    color: [ACCUEIL_COLOR_BTN_SEARCH_EVITEMENT];
    border-color: [ACCUEIL_COLOR_BTN_SEARCH_EVITEMENT];
}

.row-search .col-form-search button {
    background-color: #edeae3;
    border: 1px solid #edeae3;
    color: #3d3d3d;
}

/*********
Zone header
 */
#header {
    background-color: #ffffff
}

#header .col-logo {
    text-align: center;
}

#header .col-boutons-header a {
    background-color: #020202;
    color: [ACCUEIL_COLOR_BOUTONS_HEADER];
    border-radius: [ACCUEIL_RADIUS_BOUTONS_HEADER]px;
}

#menu, #burgerMenu, #menu .first-level a i {
    background-color: #175789;
    border-radius: [ACCUEIL_RADIUS_BACKGROUND_MENU]px;
}

#menu .menu-first-level-container {
    font-size: 24px;
}

#menu .first-level:hover {
    background-color: #074975;
}

#menu .first-level a,
.menu-container h3, .btnsBurger, #burgerMenu h5, [class^="cardB"] a, #accordionBurgerMenu h3{
    color: #ffffff;
}

#menu .first-level a:hover,
#menu .first-level a[aria-expanded="true"],
#menu .first-level a:hover i
{
    color: #d5ceba;
    background-color: #074975;
}

.menu-container a {
    color: #ffffff;
    background-color: [ACCUEIL_BACKGROUND_MENU_CONTENT_ITEMS];
}

.menu-container a:hover {
    color: #d5ceba;
    text-decoration: underline;
}

.menu-container i {
    background-color: #ffffff;
}

.menu-container h3 {
    text-transform: [ACCUEIL_UPPERCASE_MENU_CONTENT_ITEMS];
}

#menu .first-level {
    border-color: #ffffff;
    border-width: [ACCUEIL_BORDER_MENU]px;
}

#menu .menu-content {
    background-color: #074975;
}

.menu-container .menu-content {
[ACCUEIL_ABSOLUTE_MENU]
}

/*********
Zone actualites
 */
.front-actualites {
    background-color: #edeae3;
}

.front-actualites .actu-img .shadow-img {
    box-shadow: #ffffff 0px 0px 0px [ACCUEIL_IMAGE_BORDER_SIZE_ACTUALITES]px inset;
}

.front-actualites .actu-inner {
    padding: [ACCUEIL_PADDING_SIZE_ACTUALITE]px;
    /*background-color: #136a96;*/
}

.front-actualites .actu-inner .actu-info, .actus .actu-inner .bg-blanc {
    background-color: #136a96;
}

.front-actualites .actu .actu-inner div:not(.actu-img):not(.shadow-img), .actus .actu div:not(.actu-inner):not(.actu-img):not(.shadow-img) {
    outline: 0px solid #ffffff;
    outline-offset: 0px;
}

.front-actualites .actu .actu-inner div:not(.actu-img):not(.shadow-img):hover, .actus .actu div:not(.actu-inner):not(.actu-img):not(.shadow-img):hover {
    outline: 12px solid #ffffff;
    outline-offset: 1px;
}

.front-actualites .p-more, .actus .p-more {
    background-color: #ffffff;
    border: 1px solid #d5ceba;
    border-radius: 5px;
}

.actu .actu-titre, .actu .actu-plus {
    color: #ffffff;
}

.front-actualites .p-more .link-more, .actus .p-more .link-more{
    color: #094203;
}

.actu-img img, .actu-info {
    width: 100%;
}

/*********
Zone agendas
 */
.front-agendas, .agendas {
    background-color: #1f77bd;
}

.agenda-date {
    background-color: #d5ceba;
    color: #000000;
}

.agenda-titre {
    background-color: #eeeeee;
    color: #175789;
}

.front-agendas .agenda-titre, .agendas .agenda-titre {
    outline-color: #d5ceba;
}

.front-agendas .agenda-titre:hover, .agendas .agenda-titre:hover {
    outline-width: 10px;
    outline-offset: [ACCUEIL_OUTLINE_AGENDA]px;
    outline-color: #d5ceba;
}

.front-agendas .p-more, .agendas .p-more{
    background-color: #edeae3;
    border: 1px solid [ACCUEIL_BORDER_COLOR_AGENDA];
    border-radius:3px;
}

.front-agendas .p-more .link-more, .agendas .p-more .link-more{
    color: #175789;
}

/*********
Zone accès rapides
 */
#acces-rapides {
    background-color: #27241b;
}

#acces-rapides a {
    color: #d5ceba;
}

#acces-rapides a:hover p{
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 0px;
}

#acces-rapides a:hover p:before{
    content: " ";
    position: absolute;
    top: 0;
width: 120%;
                            left: -10%;
height: 1px;
    border-width: 1px;
    border-color: #a09b8c;
    border-style: solid;
}

#acces-rapides a:hover p:after{
    content: " ";
    position: absolute;
    bottom: 0;
width: 1%;
                            left: 49.5%;
height: 1px;
    border-width: [ACCUEIL_BORDER_BOTTOM_ACCES_RAPIDES]px;
    border-color: [ACCUEIL_COLOR_BORDER_BOTTOM_ACCES_RAPIDES];
    border-style: solid;
}

/*********
Zone footer
 */
footer > div {
    background-color: #27241b;
}

footer .row-footer, footer .row-footer a, footer .row-labels a {
    color: #d5ceba;
}

footer .row-footer a:hover, footer .row-labels a:hover {
    text-decoration: underline;
    color: #ffffff
}

footer .row-liens-footer .btn {
    border-color: #ffffff;
    border-width: [ACCUEIL_BORDER_SIZE_FOOTER]px;
    border-radius:[ACCUEIL_BORDER_RADIUS_FOOTER]px;
    background-color: #3d3825;
    color: #d5ceba;
}

/*********
Fil d'ariane
 */
#page nav ol.breadcrumb {
    background-color: [ARIANE_BACKGROUND];
    text-transform: [ARIANE_UPPERCASE];
}

#page nav ol.breadcrumb li, #page nav ol.breadcrumb li a {
    color: [ARIANE_COLOR]
}

/*********
Partage / Réseaux Sociaux
 */
#page .col-socials {
    background-color: [RS_BACKGROUND];
}
#page .col-socials a {
    color: [RS_COLOR];
}

#page .col-socials a:hover {
    color: [RS_COLOR_HOVER];
}

/*********
Page / Single
 */
#page {
    background-color: [PAGE_INTERNE_BACKGROUND];
}

.sidebar .row {
    background-color: [PAGE_INTERNE_SIDEBAR_RIGHT_BACKGROUND];
}

.sidebarbottom {
    background-color: [PAGE_INTERNE_SIDEBAR_BOTTOM_BACKGROUND];
}

#content a {
    color: [PAGE_INTERNE_COLOR_LINKS];
    background-color: [PAGE_INTERNE_BACKGROUND_LINKS];
}

#content a:hover {
    text-decoration: [PAGE_INTERNE_HOVER_LINKS];
}

#content h2:before {
    content: "\f192";
    width: 20px;
    height: 20px;
    color: #1f77bd;
    display: inline-block;
    margin-right: 20px;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    line-height: 19px;
}

#content h3:before {
    content: "\f192";
    width: 20px;
    height: 20px;
    color: #3daa35;
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    line-height: 19px;
}

/*********
Pièces jointes
 */

.col-fichiers ul {
    background-color: [PAGE_INTERNE_PJ_BACKGROUND];
    border-width: [PAGE_INTERNE_PJ_BORDER_SIZE]px;
    border-color: [PAGE_INTERNE_PJ_BORDER_COLOR];
    border-style: solid;
}

.col-fichiers a.link-fichiers-joints {
    color: [PAGE_INTERNE_PJ_COLOR];
}

/*********
Filigrane
 */
.filigrane {
    position: absolute;
    width: [IMAGE_FILIGRANE_WIDTH]px;
    height: [IMAGE_FILIGRANE_HEIGHT]px;
    /*[IMAGE_FILIGRANE_POSITION_H]: [IMAGE_FILIGRANE_H_VALUE]px;
    [IMAGE_FILIGRANE_POSITION_V]: [IMAGE_FILIGRANE_V_VALUE]px;*/
}

/*********
Flashinfo
 */
.front-flashinfo {
    background-color: [ACCUEIL_BACKGROUND_FLASHINFO];
    color: [ACCUEIL_COLOR_FLASHINFO];
}

.front-flashinfo i {
    color: [ACCUEIL_ARROW_FLASHINFO];
}

.front-flashinfo .btn {
    background-color: [ACCUEIL_BTN_BACKGROUND_FLASHINFO];
    color: [ACCUEIL_BTN_COLOR_FLASHINFO];
}

.btn-couleur, .btn-couleur:hover, .btn-couleur a, .btn-couleur a:hover {
    background-color: #175789 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: [GNL_BORDER_RADIUS_BTN]px !important;
    border-width: [GNL_BORDER_WIDTH_BTN]px !important;
}

/*********
Réseaux sociaux
 */
.row-reseaux-sociaux h3, footer .row-labels h3 {
    color: #d5ceba;
}

.row-reseaux-sociaux a, .row-reseaux-sociaux a:hover {
    color: #d5ceba;
}