@charset "UTF-8";
/* CSS Document */

/*
Theme Name: krea3-mairie-banneville
Description: Theme pour la mairie de banneville-la-campagne
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3-montserrat
Template: krea3-montserrat
*/

/*
Bleu 1 (fond menu) : #007cba / rgba(4, 132, 196, 1) / rgba(4, 132, 196, 0.8)
Bleu 2 (logo) : #056ea1 / rgba(5, 110, 161, 1) / rgba(5, 110, 161, 0.8)
Bleu 3 (footer) : #0a4968 / rgba(0, 81, 120, 1) / rgba(0, 81, 120, 0.8)
*/

/************************top************************/
#bandeau {
	background: #007cba;
}

/******************BTN TOP**************/
.btn-top a, .btn-top-page a {
	color: #fff;
}

a#btn-contact {
	background: rgba(4, 132, 196, 0.8);
}

a#btn-horaires, a#btn-print {
	background: rgba(0, 81, 120, 0.8);
}

a#btn-carte {
	background: rgba(5, 110, 161, 0.8);
}

a#btn-contact:hover {
	background: rgba(4, 132, 196, 1);
}

a#btn-horaires:hover, a#btn-print:hover {
	background: rgba(0, 81, 120, 1);
}

a#btn-carte:hover {
	background: rgba(5, 110, 161, 1);
}
/******************FIN BTN TOP**************/

/******************gauche top**********************/
#logo img {
	background: #fff;
}
/******************fin gauche top******************/

/******************* fin top**************************/

/************************Page d'accueil**************************************/
.titre-ligne1, .une-actu-accueil a:hover, .manif-accueil .icon-plus-manif
	{
	background: #f0f0f0;
}

.titre-ligne1 h2, .manif-accueil .date-manif, .manif-accueil .titre-manif
	{
	color: #056ea1;
}

.titre-ligne1 a, .une-actu-accueil, .une-actu-accueil a {
	color: #fff;
}

.titre-ligne1 a {
	background: #056ea1;
}

.une-actu-accueil {
	background: #007cba;
}

.titre-ligne1 h2, .titre-ligne1 a, #actu-content h2, .manif-accueil .titre-manif,
	.manif-accueil .icon-plus-manif::before {
	font-family: 'Montserrat', sans-serif;
}

.manif-accueil, .manif-accueil .icon-plus-manif {
	color: #333;
}

.manif-accueil {
	border-bottom: 3px solid #f0f0f0;
}

.manif-accueil:hover {
	background: #F7F7F7;
}

.manif-accueil .icon-plus-manif::before {
	content: "en savoir +";
}
/*********************FIn page accueil*******************/
.acces-rapides-page {
	background-color: #f0f0f0;
}

/*********Fil d'ariane***********/
#fil_ariane {
	font-family: 'Montserrat', sans-serif;
}

#fil_ariane, #fil_ariane a {
	color: #615D59;
}

/**********************Outils************/
#taille_texte span, #outils ul li a {
	color: #615D59;
}

#outils ul li, #outils li#krea3outils_print {
	border-color: #615C61;
}
/******************Fin Outils************/
#la-page {
	background-color: #fff;
}

#content, #content_large {
	color: #666;
}

/****************************Menu page**********************************/
#sidebar {
	border-color: #0a4968;
}

#sidebar ul .pagenav, #sidebar ul#menu_pages .pagenav ul {
	font-family: 'Montserrat', sans-serif;
}

#sidebar ul#menu_pages a {
	border-color: #eee;
}

#sidebar ul#menu_pages li.current_page_item a {
	color: #007cba;
}
/************************Fin Menu page**********************************/

/************************Fin gauche**********************************/

/*Styles à dupliquer dans tinymce.css*/
h1, h2, h3, h4, address, blockquote p {
	font-family: 'Montserrat', sans-serif;
}

h1, h4, ol li, li {
	color: #666;
}

h2 {
	color: #056ea1;
}

h3, h5, blockquote p {
	color: #333;
}

a {
	color: #0a4968;
}

address {
	color: #86776F;
}

blockquote {
	background: #F0F0F0;
}

/******************************Liens Enfants / Menu page par défaut********************************/
ul.liens_enfants li {
	border-color: #fff;
	font-family: 'Montserrat', sans-serif;
	background-color: #F0F0F0;
}
/*cible le 2e, le 4e, le 6e... li*/
ul.liens_enfants li:nth-child(2n+2) {
	background-color: #ddd;
}

ul.liens_enfants li, ul.liens_enfants li a {
	color: #333;
}
/****************************Fin Liens Enfants / fin menu page par défaut******************************/

/*/*********************************************Formulaire***************************/
.krea3_formulaire p.obligatoire {
	color: #be092c;
}

p.error {
	background-color: #fc4d60;
	color: #fff;
}

.krea3_formulaire fieldset legend.obligatoire {
	color: #60534c;
}
/* Label */
.krea3_formulaire label {
	color: #333;
}
/* La description du champ*/
.descriptioncontact {
	color: #056ea1;
}

.krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
	{
	border-color: #eee;
	font-family: 'Lato', serif;
	background: rgba(255, 255, 255, 0.2);
	color: #999;
}

.krea3_formulaire input::placeholder, .krea3_formulaire select::placeholder,
	.krea3_formulaire textarea::placeholder {
	color: #999 !important;
}

.krea3_formulaire input[type="submit"] {
	font-family: 'Lato', serif;
	background: #007cba;
	color: #fff;
}
/*********************************** Fin Formulaire***********************************************/

/*****************************moteur recherche site***********************************************/
#fond_recherche_site {
	background-color: #615349;
}

#searchform input[type="text"] {
	border-color: #4C4238;
}

#searchform input[type="submit"] {
	border-color: #615349;
	color: #333;
}

#content #searchform input[type="text"] {
	border-color: #eee;
}
/***************************Page de résultats de recherche******************************/
/*Le formulaire quand aucun résultat*/
#la-page #searchform input[type="text"] {
	border: 1px solid #EFEFEF;
	background-color: #fff;
	color: #0071bf;
}
/*Le titre lien d'un résultat*/
h3.entry-title a {
	color: #524E89;
}
/***********************Fin Page de résultats de recherche***********************/
/*************************Fin moteur recherche site***********************************************/

/****************************Plan du site**********************************/
#krea3_plan_site ul {
	font-family: Arial, Helvetica, sans-serif;
}
/*niveau 1*/
#krea3_plan_site li {
	border-color: #FAF3F3;
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
}

#krea3_plan_site li a {
	color: #056ea1;
}
/*niveau 2*/
#krea3_plan_site ul li {
	border-color: #FAF3F3;
}

#krea3_plan_site ul li a {
	color: #666;
}

#krea3_plan_site ul li ul li a {
	color: #333;
}
/************************Fin Plan du site**********************************/

/****************Footer*************************************************/
#fond-footer {
	background: #0a4968;
}

#footer a {
	color: #fff !important;
}

/*****************Coordonnees***********************/
#coordonnees {
	color: #fff;
}

#coordonnees h2 {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}

#coordonnees a {
	color: #38322F;
}

#coordonnees .lien-footer {
	background-color: #90DCE2;
	color: #38322F;
}

#coordonnees a#footer-contact {
	background-color: #D7E241;
}

#coordonnees a#footer-horaires {
	background-color: #fbc6ae;
}

/*************Fin Coordonnees***********************/
ul#menu_footer li:first-child {
	border-left: 2px solid rgba(255, 255, 255, 0.2);
}

ul#menu_footer li {
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}

ul#menu_footer li a {
	color: #fff;
}

/************************Réseaux sociaux*******************/
ul#menu_res_sociaux li a {
	color: #fff;
}

ul#menu_res_sociaux li a:hover {
	color: rgba(255, 255, 255, 0.5);
}
/************************Fin Réseaux sociaux*******************/

/***********************************************************************/
/**********************Fin Footer***************************************/

/****************************************/
/*Ci-dessous style des agenda / actus / navigation 
/***************************************/

/*************Page Listing des ACTUS*********************/

/*Listing*/
.extrait_actu_page {
	border-top: 1px solid #efefef;
}

.extrait_actu_page small {
	color: #372A47;
}

.agenda .extrait_actu_page small {
	background: #f1f1f1;
}

.extrait_actu_page img {
	border-color: #eee;
}

.extrait_actu_page .vignette {
	float: left;
}

#content a.lire_actu, #content_large a.lire_actu {
	background-color: #f0f0f0;
	color: #333;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}

#date_publication_article_single {
	font-family: 'Montserrat', sans-serif;
	color: #333;
}

/*fin listing*/

/***************Fin page listing ACTUS***************************/

/********************************************************************************/
/******Page Listing des AGENDA / ANNUAIRES *****/

/*********************/
/*Formulaire de recherche agenda / annuaires*/
form.recherche-listing {
	background-color: #F4F4F4;
}

form.recherche-listing input {
	border-color: #fff;
}

form.recherche-listing input[type="button"] {
	background-color: #666;
	border-color: #666;
	color: #fff;
}

/*le select*/
span.select-wrapper {
	background-color: #fff;
}

.select-wrapper select {
	color: #666;
	border: 1px solid #fff;
	background-color: #fff;
}
/* Since we removed the default focus styles, we have to add our own */
.select-wrapper select:focus {
	-webkit-box-shadow: 0 0 3px 1px #eee;
	-moz-box-shadow: 0 0 3px 1px #eee;
	box-shadow: 0 0 3px 1px #eee;
}

/* Style de la flèche */
.select-wrapper:after {
	background-color: #dbdbdb;
	color: #fff;
}

/*Fin select*/

/* partie haute du calendrier */
.ui-widget.ui-datepicker.ui-widget-content span {
	color: #fff;
}

.ui-widget.ui-datepicker.ui-widget-content, .ui-widget.ui-datepicker thead,
	.ui-widget.ui-datepicker .ui-datepicker-header {
	background-color: #007cba;
}

.ui-widget.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
}
/* les textes */
.ui-widget.ui-datepicker .ui-datepicker-title {
	color: #666;
}

.ui-widget.ui-datepicker thead {
	background-color: #666;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.ui-widget.ui-datepicker th {
	color: #333;
}
/* couleur des cases du tableau */
.ui-widget.ui-datepicker td {
	background: #F1F1F1;
}

.ui-widget.ui-datepicker td .ui-state-default {
	background: transparent;
	color: #333;
}

.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover
	{
	background: #007cba;
	color: #fff;
}

/* bouton réinitialiser recherche */
a#reset_recherche_agenda, a#reset_recherche_annuaire, a#reset_recherche_carto
	{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #666;
	font-family: montserrat, sans-serif;
}

a#reset_recherche_agenda:hover, a#reset_recherche_annuaire:hover, a#reset_recherche_carto:hover
	{
	border: 1px solid rgba(0, 0, 0, 0.3);
}

/*Fin Formulaire de recherche agenda / annuaires*/
/*********************/

/*********************/

/**************************************************************/
/****** Entete titre + nav dans single annuaire/ agenda / actu*****/
ul#date-manif-fiche li {
	border-color: #007cba;
	color: #666;
}

.bloc-fiche h2 {
	border-top: 3px solid #007cba;
}

/*Pour le style bloc navigation voir plus loin .nav-fiche .nav-actus*/

/***Fin Entete titre + nav single annuaire/ agenda / actu*****/
/************************************************************/

/**********************************/
/******Page single d'une manif*****/
ul.dates-manif-fiche li {
	background-color: #056ea1;
	color: #fff;
}
/*Blocs Coordonnées / Réservation / Calcul Itinéraire*/
#colonne2-agenda .bloc-fiche {
	border: 2px solid #eee;
	padding: 10px 20px 10px 20px;
	margin: 0 0 20px 0;
}

#annuaire-taxonomies, #commerce-taxonomies, #entreprise-taxonomies,
	#association-taxonomies, #hebergement-taxonomies, #agenda-taxonomies {
	font-family: 'Source Sans Pro', sans-serif;
}

#coordonnees-fiche p.btn a {
	color: #333;
}
/*style différent pour contact et site web*/
#coordonnees-fiche p.contact-fiche, #coordonnees-fiche p.site-fiche,
	#infos-resa-fiche p.contact-fiche, #infos-resa-fiche p.site-fiche {
	background-color: #eee;
}

#coordonnees-fiche p.btn {
	color: #15a8a6;
}

#coordonnees-fiche p.btn:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

/**Fin Page single d'une manif*****/
/**********************************/

/**********************************/
/****Page single d'un annuaire*****/
#colonne2-manif .bloc-fiche {
	border: 2px solid #eee;
}
/**Fin Page single d'un annuaire*****/
/**********************************/

/*********************FIN AGENDA ANNUAIRES********************/

/*************************************************************************/
/****La navigation interne (annuaires, agenda, actus, resultats recherche...)****/

/*Un bouton de navigation*/
.nav li a {
	color: #fff;
	background-color: #d6d6d6;
}
/*Couleur bouton au survol*/
.nav li a:hover, .nav li a.cbp-vm-selected {
	background-color: #666;
}

/****Fin navigation interne (annuaires, agenda, resultats recherche...)****/
/*************************************************************************/

/* Flèche retour en haut de page */
#scroll {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	color: #fff;
}

#scroll a {
	color: #fff;
}
/*fin flèche retour haut de page*/

/**
 * css pour les légendes
 */

/*On style le bloc image*/
.wp-caption {
	border-color: #eee;
	background-color: #fff;
}
/*Alignement, taille et couleur de la légende*/
.wp-caption p, .wp-caption-text {
	font-family: verdana;
	color: #13435e;
}/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-163, #menu li.page-item-164, #menu li.page-item-165, #menu li.page-item-166, #menu li.page-item-167{display:none;}
/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-186, #menu li.page-item-187, #menu li.page-item-188, #menu li.page-item-189, #menu li.page-item-190{display:none;}
/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-209, #menu li.page-item-210, #menu li.page-item-211, #menu li.page-item-212, #menu li.page-item-213{display:none;}
/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-231, #menu li.page-item-232, #menu li.page-item-233, #menu li.page-item-234, #menu li.page-item-235{display:none;}
/*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans*/
#menu li.page-item-12, #menu li.page-item-13, #menu li.page-item-14, #menu li.page-item-15, #menu li.page-item-16{display:none;}


#logo img {
    width: auto;
    max-height: 150px;
    height: auto;
    background: #fff;
}