/* Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */
/* Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/ 
/*JOOMLA 3 !*/
/*JOOMLA 3 !*/

/* ========================================================================
   MISE EN PAGE ACCUEIL THEMATIQUE PRINCIPAL
 ========================================================================== */

 /* fond de page */
body.tm-isblog.univers div.tm-sheet {
height: 100vh;
background: url(../../../images/structure/accueil/univ_splash.jpg) #000 no-repeat /*scroll*/ ;
background-size: cover;
background-position: center; }

.univ_intro_page .tm-header-top {display:none;}

/* Comportement sur GD ecran */
@media (min-width: 800px) {
	div.univers_title  {text-align:center; font-size:35px;line-height:85px; color:#FFFFFF; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px; background-color: rgba(107, 33, 102, 0.90); padding: 5px; min-height:50px; vertical-align:middle;}
	div.univers_title img {width:80px; display:block; float:left;}
	div.univers_mainmenu {text-align: center; width:100%; margin-left:auto; margin-right:auto; margin-top:50px;}
	div.univers_srubmenu {text-align: center; width:70%; margin-left:auto; margin-right:auto; margin-top:80px; margin-bottom:20px; }
		/*alignement centre*/ div.univers_srubmenu .uk-text-left {text-align: inherit !important;}
	div.univers_srubmenu-mobile {display:none;}
	div.univers_srubmenu-mobile {display:none;}
}
/* Comportement sur MOY ecran */
@media (max-width: 799px) and (min-width: 481px)  { /*767*/
	div.univers_title  {text-align:center; font-size:30px;line-height:52px; color:#FFFFFF; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px; background-color: rgba(107, 33, 102, 0.90); padding: 5px; min-height:56px; vertical-align:middle;}
	div.univers_title img {width:50px; display:block; float:left;}
	div.univers_mainmenu {text-align: center; width:100%; margin-left:auto; margin-right:auto;}
	div.univers_srubmenu {text-align: center; width:80%; margin-left:auto; margin-right:auto; margin-top:60px; margin-bottom:20px;}
	div.univers_srubmenu-mobile {display:none; text-align: center; width:90%; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:20px;}
}
/* Comportement sur PT ecran */
@media (max-width: 480px) {
	div.univers_title  {text-align:center; font-size:22px;line-height:26px; color:#FFFFFF; text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px; background-color: rgba(107, 33, 102, 0.90); padding: 5px; min-height:56px; vertical-align:middle;}
	div.univers_title img {width:50px; display:block; float:left;}
	div.univers_mainmenu {text-align: center; width:98%; margin-left:auto; margin-right:auto; margin-top:-30px!important;}
	div.univers_srubmenu {display:none;}
	div.univers_srubmenu-mobile {display:inherit; text-align: center; width:90%!important; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
}

	/* effets sur les liens srub */
div.univers_srubmenu a{
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
transition-duration: 0.3s;
transition-timing-function: ease-in;
transition-property: opacity, transform, filter; }

div.univers_srubmenu a:hover {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */ 
transition-duration: 0.3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter; }

/* Personalisation sous menus */
/*wkit smenus*/

.univ_famille a.uk-link-reset, .univ_senior a.uk-link-reset, .univ_asso a.uk-link-reset {color:#FFF; margin-top:-15px;}
.univ_famille .uk-margin, .univ_senior .uk-margin, .univ_asso .uk-margin {margin-bottom:5px;}


/* ========================================================================
   MISE EN PAGE GLOBALE
 ========================================================================== */
 
 /* fond de page blason */
 div.tm-main {background: url(../../../images/structure/_template/bg_main_blason_fdtrans.png) transparent no-repeat bottom center scroll; }
 
 /* forcer toolbar invisible menu Univers (bug)*/
  body.tm-isblog.univers .tm-toolbar {display:none;}
 
/*  Bug affichage a droite si menu pas sticky */
html {
	overflow-y:scroll!important;
    overflow-x:hidden!important;
}
 
 /* HEADER GLOBAL */
 @media (min-width: 767px) {
 .tm-header-top {
	 background: url(../../../images/structure/_template/header/header_bg.jpg) transparent no-repeat;
	 background-size: cover;
	 height:280px; }
	 }
.tm-headerbar {
    margin: 15px 0;
    min-height: 90px;
}

/* FOOTER GLOBAL */

/* Masquer le footer menu univers */
body.tm-isblog.univers footer.tm-footer {display:none;}

/* CUSTOM FOOTER */
.tm-footer {/*background-color: #3b3f42;*/
background: url(../../../images/structure/_template/footer/bandeau_champi_reine2.jpg) center #FFF no-repeat;
background-size: cover;
color: #6b2166;
margin-top:-30px;
padding-top: 45px;
width:100%;}

.tm-footer h3 { margin: 0 0 4px 0;}	

.tm-footer-bottom {
    border-top: 3px solid #A69462;
    border-bottom: none;
    padding-top: 15px;
	margin-bottom:15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	}

/* proprietes des mod ds le footer*/

 div.footermods {width:100%;}
 div.footermods div.modtitle {}
 
@media (min-width: 768px) {  /*desktop */
.tm-footer-bottom > div { max-width: 100%; display: flex; justify-content: space-between; }
.tm-footer-bottom div {}

div.newslettermod,
div.infoslegalesmod,
div.fluxrssmod {text-align:left; width:33%; border:1px solid #EEE; }

}

@media (max-width: 767px) {  /* mobile */
.tm-footer-bottom > div { max-width: 100%; display: block; }
.tm-footer-bottom div {min-width:100%;}

div.newslettermod,
div.fluxrssmod,
div.infoslegalesmod {text-align:left; min-width:33%;}

div.newslettermod,
div.fluxrssmod { margin-bottom: 15px; width:46%; display: inline-block; }

div.newslettermod {border-right: 1px dashed #999;}
div.fluxrssmod {padding-left: 15px;}
div.infoslegalesmod {width:100%; text-align:center;}
}
 

/*

footer.tm-footer div.uk-float-right div.moduletable {width:60%; min-width:180px;}
footer.tm-footer div.moduletable {padding: 4px; margin:0; background-color: rgba(255, 255, 255, 0.7);  }

	
.tm-footer h3 { margin: 0 0 4px 0;}	
.tm-footer-bottom {
    border-top: 3px solid #A69462;
    border-bottom: none;
    padding-top: 15px;
	margin-bottom:15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }

@media (max-width:767px) {
	.tm-footer-bottom {}
	.tm-footer-bottom .tm-footer-nav div + div { width:100%; margin-top: 0; margin-left: 0; }
    div.tm-footer-bottom div.moduletable {}
    footer.tm-footer div.uk-float-right div.moduletable {}
	div.modinfolegales {display:none;}
	div.modinfolegalesmobile {display:block; width:100%;}
}
@media (min-width:768px) { div.modinfolegalesmobile {display:none;} div.modinfolegales {display:block; width:100%;} div.tm-footer-left {width:100%;} }  */

 
/* -------------------------------------------------------------- */
/* ------------------- MENUS ---------------- ------------------- */
/* -------------------------------------------------------------- */

/* ============= MAIN MENU ===================== */
.uk-nav-offcanvas .uk-nav-divider {border-top: 0px!important;}

/* distance entre les boutons selon taille ecran */
@media (min-width: 1500px) {
.uk-navbar-nav > li > a {width:100%; padding:0 30px; font-size:13px; }
av.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:40px!important; }
}
@media (min-width: 1231px) and (max-width: 1499px) {
.uk-navbar-nav > li > a {width:100%; padding:0 22px; font-size:13px; }
av.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:40px!important; }
}
@media (max-width: 1230px) and (min-width:1031px) {
.uk-navbar-nav > li > a {padding:0 18px; font-size:12px; }
av.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:35px!important; }
}
@media (max-width: 1030px) and (min-width:918px)  {
.uk-navbar-nav > li > a {padding:0 12px; font-size:12px; }
av.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:30px!important; }
}
@media (max-width: 917px) and (min-width:775px) {
.uk-navbar-nav > li > a {padding:0 5px;font-size:11px; }
av.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:16px!important; }
}
@media (max-width: 774px) {
.uk-navbar-nav > li > a {padding:0 4px;font-size:11px; }
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child { max-width:12px!important; }
}

/* fond des sous menus pas gris */
ul.uk-nav-sub {background-color:inherit;}

/* pour que les titres des liens du menu principal ne soient pas en majuscules */
.uk-nav-header { text-transform: none!important; } 

/* Pour supprimer les traits gris en dessous des sous menus */
.uk-nav-dropdown ul.uk-nav-sub, .uk-nav-navbar ul.uk-nav-sub { border-bottom: none!important; }

/* Modif des sous menus */
.uk-nav-header:not(:first-child) {margin-top: -8px!important; }
ul.uk-nav-sub {margin-bottom:-5px!important;}
.uk-icon-* {margin-right:20px!important;}
ul.uk-navbar-nav .uk-nav-navbar li.uk-active a {padding-left:10px;}
.uk-nav-navbar .uk-nav-divider { border: none!important; border-top-width: 0px!important; }

.uk-dropdown-navbar .uk-nav-navbar > li > a {border-top: 1px solid rgba(0, 0, 0, 0.075); border-bottom:0!important;}
.uk-dropdown-navbar .uk-nav-navbar > li:last-child > a {border-bottom: 1px solid rgba(0, 0, 0, 0.075)!important; }

/* personnaliser un lien : babysitting */
/*li a.babysit::after {content:" (Nouveau !)"; color:#CC0000; font-size: 6pt;}*/

/* proprieté de lien de menu customisé */
/* assos*/
a.uk-nav-header-custom1 {color: #666666; /*font-size:80%;*/ line-height: 14px;margin-bottom:6px; }
body#tm-container.assoretraites p.uk-article-meta {display:none;} /*masquer les meta */

/*a.uk-nav-header-custom2 {border-top: 1px solid rgba(0, 0, 0, 0.075);}  trait sur titre ecole musique*/


/* sous titre asso en gros */
li.uk-parent:nth-child(4) a.uk-navbar-nav-subtitle div,li.uk-parent:nth-child(6) a.uk-navbar-nav-subtitle div{ font-size: 11px;
font-family: 'Sarala';
font-weight: 400;
text-transform:uppercase;
text-align:center;
}

/* --- Le menu STICKY est de la bonne couleur --- */
@media (min-width: 768px) {[data-uk-sticky].uk-active.tm-navbar {
    margin-top: 0;
	background-color: #A69462; } 
}


/* MENU TOOLBAR */
.tm-toolbar .uk-subnav-line > li:nth-child(n+2)::before { display:none!important;
}
/* lien + petits sur mobile */
@media (max-width: 768px) { 
.tm-toolbar {padding : 5px;}

.tm-toolbar a, .tm-toolbar .uk-subnav > li > a {font-size: 12px; }

.uk-subnav > * {
    padding-left: 12px;
    margin-top: 9px;
    }
}

/* MENU MOBILE MODIF */

/* espacement des liens */
.uk-nav-offcanvas > li { margin-top:8px } 
.uk-nav-offcanvas > li > a { color: #ffffff; }
 
/* Menu : liens actifs */
.uk-nav.uk-nav-offcanvas > li.uk-active > a { color: #B68DA8;}

/* Debugger les boutons [+] du menu mobile */
.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; top: 5px; right:35px; } /* position de l'icone*/

.tm-toggle-offcanvas { /* position de la zone cliquable */
   height: 32px;
    top: 0;
}


/* le lien accueil selon la taille de l'ecran */
@media (max-width: 768px) { /*  sur telephone */
/*li a.accueildesktop, li.uk-active a.accueildesktop {display:none!important; }
li a.accueilmobile, li.uk-active a.accueilmobile {display:contents!important; }*/
}
@media (min-width: 768px) { /* tablette et + */
/*li a.accueildesktop, li.uk-active a.accueildesktop {display:contents!important; }
li a.accueilmobile, li.uk-active a.accueilmobile {display:none!important; }*/
}




/*=================================================== */
 
 /* MOD Recherche */
/*le bloc ou on ecrit la recherche */	
.uk-search { margin-left:4px; padding-left:2px; border-right:0;}
input.uk-search-field {margin-left:15px!important; }
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child div.uk-dropdown {width:180px; /*background:#CC0000;*/}

/* design bouton recherche ds menu */
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2)  { float:right;}
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child {border-right:1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-sizing: border-box; max-width:35px; padding-left:0px;}
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child.uk-active {/* ici pour le rollover du bouton recherche */}
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child a:first-child { visibility:hidden;   }
nav.tm-navbar  ul.uk-navbar-nav:nth-child(2) li.uk-parent:first-child a:first-child::before {
	visibility:visible;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	content: "\f002";
	font-size: 18px;
	width:40px;
	margin-left:-20px;
	}

	
/*.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-skip a,
.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-active,
.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-active a,
.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-dropdown-search,
.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-dropdown-search a {color:#000; visibility:visible!important; width:auto; display: block; }*/

.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-skip a::before,
.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child ul.uk-nav-search li.uk-dropdown-search a::before {display:none; }


.tm-mainheader  ul:nth-child(2) li.uk-parent:first-child div.uk-dropdown {width:150px;}

 .searchmodtitle {display:none;}
 
	/* Resultats LIVE de la recherche */
 div.uk-dropdown-search {/*display:visible*/; padding:0; margin-top:-1px!important; width:350px!important; border:2px solid #A69462; /*margin:inherit 10px;*/ }
 div.uk-dropdown-search li {visibility:visible!important;}
 div.uk-dropdown-search li a {visibility:visible!important; font-weight:800; font-size: 14px; letter-spacing:0.1pt;}
 div.uk-dropdown-search li a div {visibility:visible!important; color:#CCCCCC!important; font-size:10px; font-weight:100!important;}
 div.uk-dropdown-search li a::before {content:none!important;}
 div.uk-dropdown-search li span.highlight {background-color:rgba(228, 228, 133, 0.8)}
 div.uk-dropdown-search li.uk-search-moreresults {font-size:10pt; font-weight:100; text-align:right;}
  .uk-nav-search > li > a {padding:5px;}
  
	/* Resultats PAGE de la recherche (avancée) */
 div#search-form {margin-top:40px;}
 
 .search span.highlight {
    background-color: transparent;
	/*border: 1px solid #A69462;*/
	color: #A69462;
    font-weight: bold;
    padding: 1px 2px;
    text-decoration: underline;
	}

 /* MOD search MOBILE */
 .uk-offcanvas input.uk-search-field {padding: 0 8px 0 5px;}
 .uk-offcanvas .uk-search::before { color:#CCC;} /* couleur loupe en mobile */

  /* ==============================*/
/* BREADCRUMBS limite */

ul.uk-breadcrumb li:last-child span { text-overflow: ellipsis; max-width: 130px; white-space: nowrap; overflow:hidden; margin-bottom:-6px;  opacity: 0.4; font-style:italic; padding-right:3px; }
ul.uk-breadcrumb li.uk-active:last-child span { text-overflow: ellipsis; max-width: 130px; white-space: nowrap; overflow:hidden; margin-bottom:-6px;  opacity: 0.4; font-style:italic; padding-right:3px; }

.uk-breadcrumb {}

.uk-breadcrumb ul {padding: 5px; margin-bottom:5px; text-transform: lowercase; }
.uk-breadcrumb li:first-letter {text-transform: uppercase!important; }
.uk-breadcrumb li { line-height:inherit;}
.uk-breadcrumb > li:nth-child(n+2)::before {margin: 0 8px;}

/* MAIN CONTENT */
.tm-content {padding: 15px; border-top:3px solid #A69462/*93348B; min-height:40vh;*/ } /* contenu global */ 
@media (max-width: 767px) { .tm-content {padding: 10px; border-top:3px solid #A69462; } }
	
/* le lien agenda selon la taille de l'ecran */
@media (max-width: 766px) { /*  sur telephone */ li a.agenda, li.uk-active a.agenda {display:none!important; } }
@media (min-width: 767px) { /* tablette et + */ li a.agenda-mob, li.uk-active a.agenda-mob {display:none!important; } }

	
	
	
	a.tm-totop-scroller { background-color: #FFF; padding:4px 6px 6px 6px; border-radius:4px; border:1px solid #BBB; z-index:10000!important;}
	.tm-totop-scroller {top: 32px; right: 20px; }
	
/* ==============================
   MeP GENERALE : ARTICLES
 ================================ */	

/* les liens sont tjrs soulignés 
a, .uk-link {text-decoration: underline;}*/ 
/* les liens avec fond au survol 
a:hover, .uk-link:hover {background-color:#ffdcfd;}	*/ 
	
	/* tous les articles sont justifiés */	
.tm-article-content { padding-top: 0; border-top:0px; text-align:justify;}	
/*@media (max-width: 767px) and (orientation:portrait) { .tm-article-content { padding-top: 0; border-top:0px; text-align:justify;}}*/

	
/* parametre des infos d'article date etc) */
.uk-article-meta {color:#888888;  }

/* mise en page des icones imprimer envoyer par mail... */
span.icon-envelope, span.icon-print {margin-left:15px;}	

/* le gros chiffre date dans les articles */
.tm-article-date-true .tm-article-date .tm-article-date-day {
	font-size: 45px;
    font-family: 'Muli';
    font-weight: 300;
	display:none;
}
div.icon-edit{display:none;}
/* du coup on supprime la marge a droite des titres */
.tm-article-date-true .tm-article-wrapper .uk-article-title {
    margin-right: 0;
}

/* Titre des articles */
.uk-article-title {line-height:27px;}
.uk-article-title a {color: #333;} 

@media (min-width: 1280px) {
	.uk-article-title {line-height:29px;font-size: 28px}
	}

div.tm-article-featured-image {display:none;}  /* suppr de l'images d'intro en mode blog */
p.uk-article-meta {margin-top:-15px; padding-top:0;padding-left:5px;}
.uk-article-title, .uk-article-meta {/*border-left :5px solid #888888;*/}


	
	
/* Bouton réseaux sociaux */
div.tm-socialbuttons {display:block; margin-top:20px; padding-bottom:5px; border-bottom:1px dashed #CCC;}
	


quote {display:block; margin-left:50px; padding-left:15px; border-left:1px dashed #999;}
	
div.articleorigine,
div.articleupd {font-size:17px; font-color:#999; font-weight:bold; border-bottom:1px dashed #CCC; margin:30px 15px 15px 15px;  display:flow-root; /*padding:0 15px;*/}

@media (max-width: 767px) { div.articleorigine,
div.articleupd {  display:block; margin:35px 5px 15px 5px;}
}

 /* les titres perso */
@media (max-width: 767px) {   /* smarphone */
 div.mytitle {
font-family: 'Muli';
font-weight: 400;
width: 100%;
color: #A69462;
font-size: 19px;
text-transform: uppercase;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 2px solid #A69462;
background-color: #FFFFFF !important;
text-align: left;
margin-right:15px;
clear:both;}
}

@media (min-width: 767px) {  /* desktop */
	div.mytitle {
	font-family: 'Muli';
	font-weight: 400;
	/*width: 100%;*/
	color: #A69462;
	font-size: 22px;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 2px solid #A69462;
	background-color: #FFFFFF !important;
	text-align: left;
	clear:both;
	}
}

.hrperso {border : 1px dashed #BBB; clear:both;}
 
 /* Pagination */
 
 ul.uk-pagination { text-align: center; }
 .uk-pagination > li > a, .uk-pagination > li > span {

    display: inline-block;
    min-width: 18px;
    padding: 1px 3px;
    line-height: 22px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center;
 border-radius: 4px; }
 
 
/* Images articles ---------------------------- */
/* ---------------- Miniatures  */

/* force l'adaptation du popup pour les ecrans mobiles */
@media (orientation:landscape) {
#jcemediabox-popup-container, #jcemediabox-popup-img {max-width:100%; max-height:100%; margin-left:auto; margin-right:auto; }
}
#jcemediabox-popup-container, #jcemediabox-popup-img {max-width:95%; max-height:92%; margin-left:auto; margin-right:auto; }

/* rognage de l'image d'illustration */
@media (max-width: 767px) { /*  Telephone BLOG ARTICLES*/
div.uk-width-medium-1-1 img.intro,
div.uk-width-medium-1-1 img.recad, 
div.uk-width-medium-1-1 img.imgh,
div.uk-width-medium-1-1 img.imgv,
div.uk-width-medium-1-1 img.mimgv,
div.uk-width-medium-1-1 img.mimgh,
div.uk-width-medium-1-1 img.uk-thumbnail {width:130px; height:120px; float:left; object-fit: cover; margin-right:10px; margin-top:5px; margin-bottom:0;   border-radius: 4px; }

.uk-margin-large-bottom { margin-bottom: 30px!important; /* l'espace sous article + petit sur Tel */ }
}

@media (max-width: 767px) and (orientation:portrait) { /*  sur telephone ARTICLE FULL PORTRAIT */
img.intro,
img.recad, 
img.imgh,
img.imgv,
img.mimgv,
img.mimgh,
img.uk-thumbnail {float:left; width:100%; max-height:160px; object-fit: cover; margin-top:-5px; margin-bottom:15px; background-color:none;  border-radius: 4px;  }
.uk-margin-large-bottom { margin-bottom: 30px !important; /* l'espace sous article + petit sur Tel */ }

img.photog, img.photo {float:left!important; }
img.photod {float:right!important;}


/* fin */}

@media (max-width: 766px) and (orientation:landscape) { /*  sur telephone ARTICLE FULL PAYSAGE */
img.intro,
img.recad, 
img.imgh,
img.imgv,
img.mimgv,
img.mimgh,
img.uk-thumbnail {float:left; width:240px; max-height:150px; object-fit: cover; margin:0 10px 0 0; background-color:none;  border-radius: 4px; }
.uk-margin-large-bottom { margin-bottom: 30px !important; /* l'espace sous article + petit sur Tel */ }

img.photog,
img.photod,
img.photo {width:180px; height:auto; object-fit:contain!important; background: #FFFFFF; border: 3px solid #ffffff!important; box-shadow: 2px 2px 5px 2px #aaaaaa; }
img.photog, img.photo {float:left; margin:0 8px 0 0;}
img.photod {float:right; margin:0 0 0 8px;}
}


@media (min-width: 767px) { /* tablette et + BLOG ARTICLES ONLY */
div.uk-width-medium-1-1 img.intro,
div.uk-width-medium-1-1 img.recad, 
div.uk-width-medium-1-1 img.imgh,
div.uk-width-medium-1-1 img.imgv,
div.uk-width-medium-1-1 img.mimgv,
div.uk-width-medium-1-1 img.mimgh,
div.uk-width-medium-1-1 img.uk-thumbnail {width:150px; height:150px; float:left; object-fit: cover; margin-right:10px; background-color:none;  border-radius: 3px; position:relative; top: 0; }
}

@media (min-width: 767px) { /* tablette et + BLOG + ARTICLES FULL */
img.intro,
img.recad, 
img.imgh,
img.imgv,
img.mimgv,
img.mimgh,
img.uk-thumbnail {width:220px; height:150px; float:left; object-fit: cover; margin-right:10px; background-color:none;  border-radius: 3px; position:relative; top: 0; /*order:1px solid #AAA;*/ }

img.photog,
img.photod,
img.photo {width:220px; height:auto; object-fit:contain!important; background: #FFFFFF; border: 4px solid #ffffff!important; box-shadow: 2px 2px 5px 2px #aaaaaa; }
img.photog, img.photo {float:left; margin:0 8px 0 0;}
img.photod {float:right; margin:0 0 0 8px;}

}

.affiche {object-fit:contain!important; background: url(../../../images/structure/recad_bg_mosaic02.png) repeat transparent;}
.border {border:1px solid #EEEEEE;}



/* Articles ARCHIVES */

.articlesachives a.uk-button  { display:none; }
.articlesachives .uk-article-title { line-height: 19px; font-size: 17px; }
.articlesachives .uk-margin-large-bottom { margin-bottom: -10px !important; }

/*.articlesachives .uk-button-large {  
    min-height: 25px;
    padding: 0 25px;
    line-height: 25px;
    font-size: 16px;
}*/


/* ----------------------------------------------------------------------------------- */
/* ---------------------------------- Démarches en ligne ---------------------------- */
/* ---------------------------------------------------------------------------------- */

/* images des démarches dans l'article */

.demarchez  .uk-panel-teaser {margin-bottom:0px; }
.demarchez  div.uk-panel {margin-bottom:15px; }
.demarchez  div.uk-panel img {border-radius: 5px; }

div.demarche-header { display:block; width:100%; height:120px; margin-top:25px; overflow:hidden;}
div.demarche-header img.demarche-img {width:25%; max-width:220px; min-width:100px; height:120px; float:left; margin-right:20px; margin-bottom:5px; border-radius: 3px; object-fit:cover; border:1px solid #EEE;}
div.demarche-titre {font-size:24px; position:relative; top:30%; text-align:left;}
div.intro_demarche {border:2px dashed #ae9a63; padding:20px 10px;}
div.intro_demarche a.uk-button {position:relative; right:1px; }
div.demarche-content {padding:20px;}	


/* location de salle */

table.location-salle {margin: 30px 0 5px 0; width:100%;  }
/*table.location-salle td { padding:5px;}*/
table.location-salle td.titre {padding:10px 0; font-size:18px; font-weight:bold;}
table.location-salle td.contenu { padding-left: 10px; }
table.location-salle td.photo {width:25%; min-width:150px; vertical-align:top;}
table.location-salle img {width:100%; height:100%; max-width:220px; float:left; background-color:#CCC;  border-radius: 3px;  object-fit: cover; border:1px solid #EEE; margin-bottom:4px;}
table.location-salle .uk-button {float:right;margin: 2px;}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------------- MISE EN PAGE DIVERS ---------------------------- */
/* ---------------------------------------------------------------------------------- */



/*suppr le bord au dessus des petits wkit */
.uk-panel-teaser::before { border: 0; }

/* MOD des liens avec image en sidebar */
div.mysidelinks img {border:1px solid #CCCCCC; max-height:75px; width:100%; object-fit: cover; border-radius:4px;

opacity: 0.75;
filter: alpha(opacity=75);
	grayscale:(25%);
    -webkit-filter: grayscale(25%);
    -moz-filter: grayscale(25%);
    -ms-filter: grayscale(25%);
    -o-filter: grayscale(25%);
transition: ease-out 0s;
transition-duration: 0.25s;}

div.mysidelinks img:hover {border:1px solid #990000; max-height:75px; width:100%; object-fit: cover; border-radius:4px;
opacity: 1;
filter: alpha(opacity=100);
	grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
transition: ease-in 0s;
transition-duration: 0.25s;}

div.mysidelinks .uk-panel {}
/* div.mysidelinks .uk-panel img {width:100%; max-height:75px; border:1px solid #CCC; object-fit: cover;} */

/* contenu wkit du mod EN 1 CLIC */
.mysidelinks a.uk-position-cover {border: 1px solid #AAA; }
.mysidelinks a.uk-position-cover:hover {border: 1px dotted #CC0000;}

.racc .uk-margin-top-remove {}
.racc .uk-margin-top-remove:hover {}

.racc a.uk-link-reset { /*line-height:10px!important;*/}
.racc .uk-margin {margin-bottom:0!important;}
.racc h6, .racc .uk-h6 { line-height: 13px; }

	/* marges sous icones racc sur PT ecran */
@media (max-width:768px) {
.racc div.uk-row-first {  margin-bottom:6px;}
}

/* COMMUN */

/* OLD J25 /*
/* .imgh, .imgv, .mimg, .mimgh, .mimgv { float: left;   } */
/*.imgh { max-width: 100%; height: auto; margin: 5px 5px 0 0 }  petite */
/*.imgv { max-width: 100%; height: auto; margin: 5px 5px 0 0; }  petite */
/*.mimgh { max-width: 100%; height: auto; margin: 5px 10px 5px 0; }  moyenne */
/*.mimgv { max-width: 100%; height: auto; margin: 5px 10px 5px 0; }  moyenne */
/* .mimg {max-width: 100%; height: auto;  }*/

/* Texte ALTernatif aux image d'intro plus petit */
/*div.tm-article-wrapper img {color:#669966!important; font-size:9px!important; font-style : italic; line-height: 10px;  }*/

/* -------------- PHOTOS */
/* COMMUN */
.pimghg, .pimghd, .pimgvg, .pimgvd, .pimgv, .pimgh {
	height: auto;
	border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important;
	-webkit-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important;
	box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important; }
		
/* HORIZONTALE */ 
.pimghg { display: block; float: left; width: 165px; margin: -1px 15px 0 -2px; }
.pimghd { display: block; float: right; width: 165px; margin: -1px 2px 0 8px; }
.pimgh { display: block; width: 165px; margin-left:auto; margin-right:auto; }
.pimgh img { display: block; width: 165px; margin-left:auto; margin-right:auto; } /* bidouille conflit ac JCE */

/*a.jcepopup span.jcemediabox-zoom-span { overflow:visible;}*/

/*grande*/
.gpimgh { display: block; width: 280px; margin-left:auto; margin-right:auto; height: auto; border: 5px solid #FFFFFF!important; -moz-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7); -webkit-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7);	box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7); } 
/* VERTICALE */
.pimgvg { float: left; width: 120px; margin: -1px 15px 0 -2px; }
.pimgvd { float: right; width: 120px; margin: -1px 2px 0 8px; }
.pimgv { display: block; width: 120px; margin-left:auto; margin-right:auto; }
/*grande*/
.gpimgv { display: block; height: 280px; max-height: 280px; width: auto; border: 5px solid #FFFFFF!important; -moz-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7); -webkit-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7);	box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7); }


blockquote {
   font: 400 14px 'Sarala';
-webkit-text-size-adjust: 100%;
color: #666666;
   margin:20px;
   padding:20px;
   border:1px dashed #666;
}

/* ========== page CONTACTS ============= */


.contactz ul, .contactz ol { padding-left: 0;  }
.contactz span.contact-name {color: #A69462;}
.contactz .page-header {border-bottom:1px solid #A69462; margin-bottom: 0;}
.contactz .page-header h2,
.contactz .page-header .uk-h2 {line-height: 24px;font-size: 32px;}
.contactz main.tm-content h3 {display:none;}
.contactz dl {width:100%;}
	.contactz dl.contact-position {color: #444; font-size: 18px!important;}
.contactz dt {width: 120px;}
.contactcontactz dd.jobTitle {color:#00FF00; font-size:15px!important;}
.contactz .well {border:1px solid #A69462; padding:10px!important; margin:25px;}
.contactz legend {font-size:20px; color:#A69462; margin-bottom: 10px!important;}
.contactz fieldset div.control-group {margin:4px 0 4px 0;}

.contactz .uk-breadcrumb { padding: 5px 20px!important; }
.contactz .row-fluid { padding: 12px 2px 12px 5px;}




.contactz input[type="checkbox"] {    display: inline-block;
    height: 18px!important;
    width: 18px!important;
    border: 1px solid rgba(0, 0, 0, 0.4);
    overflow: hidden;
    margin-top: 0px;
    vertical-align: middle;
    /*-webkit-appearance: none;*/
    outline: 0;
    background: #ffffff;
	color:#ab53a5;
    font-size: 20px;}

.contactz input#jform_contact_emailmsg {width: 80%; min-width: 205px;} /*sujet*/
.contactz textarea#jform_contact_message {height: 160px; width: 95%; min-width: 195px;} /* message */


div.mohorairesmairietop {}
.contact-category div.mohorairesmairietop {}




/*.contactz div#jform_captcha  { display:block; margin-top:-10px; }*/
/*.contactz div.controls button { float:right; } bouton envoyer à droite */

/*.contactz .form-horizontal .control-label {width:320px;}*/

/*@media (min-width:480px) {
.g-recaptcha {background:#EFEFEF!important;}
.g-recaptcha iframe {margin-top:-41px; margin-left:140px;}
}
@media (min-width:480px)and {(max-width:768px) {}*/




/* ========================================================================
   MODULES
 ========================================================================== */


/* TOUS LES MODULES */

/* les boites */
.tm-sidebar-a div.uk-panel.uk-panel-box,
.tm-sidebar-b div.uk-panel.uk-panel-box,
.tm-main-top div.uk-panel.uk-panel-box,
.tm-main-bottom div.uk-panel.uk-panel-box {
    padding: 10px;
    border-top: 3px solid #A69462/*93348B*/;
 } 
 

	/* Comportement sur GD ecran */
@media (min-width: 768px) {
	
	
	
}
	/* Comportement sur MOY ecran */
@media (max-width: 767px) and (min-width: 481px)  {

}
	/* Comportement sur PT ecran */
@media (max-width: 480px) {
	
}


	/* Comportement sur MOY ecran */
@media (max-width: 767px)  {
	.tm-footer-left {}
}

 
/* Titre des modules */
 h3.uk-panel-title  { border-bottom: 1px solid #A69462; padding-bottom:4px; color:#A69462!important;}

 /* BOUTTONS DES MODULES */
 
 /* liens de telephone sur mobile */
 @media (max-width:767px){
 a.numtel{padding:0px 2px; border:1px solid #ab53a5; border-radius: 3px; display:inline-block; /*background-color:rgba(50,50,50,0.1);*/}
 /*a.numtel::after{content:' <i class=\"uk-icon-laptop\"></i> ';  }*/
 }
 
 
/* MOD Jevent latest events (a venir) */
div.jemodtitre {margin-bottom:-3px;}
span.mod_events_latest_date {font-size: 12px!important;line-height: 12px!important;  padding:0; margin-bottom:10px;} /*date*/

table.mod_events_latest_table {border-collapse:unset;} /* masque les separations noires suite à maj 202010 */
td.mod_events_latest_first, td.mod_events_latest { padding:0;} /* reserre les manif, suite à maj 202010 */

/* bouton voir agenda selon */
div.avenir-button, div.avenir-button-mob {text-align:center;}
div.avenir-button a { margin-left:auto; margin-right:auto; width:50%; min-width:150px; margin:0;  }
div.avenir-button-mob a { margin-left:auto; margin-right:auto; width:50%; min-width:150px; margin:0; } /* MOBILE  */
@media (min-width: 768px) { /* tablette et + */ .avenir-button-mob {display:none; } }
@media (max-width: 767px) { /*  sur telephone */ .avenir-button {display:none; } } /* MOBILE  */

/* Tous les bouttons sidebar*/
div.modsidebar-button {text-align:center;}
div.modsidebar-button a { width:50%;  min-width:160px; margin:0;  }

/* sidebar contacteznous */
div.modsidebar-contact {text-align:center;}

/* Modules du footer section footer l28 */
 
/* MOD BUTTON archives, actu, page précédente */
div.modarchivesactu { /*centré verticalement */
	display: flex;
	flex-direction: column;
	justify-content: center;
	}
	
div.modarchivesactu a {width: 50%; min-width: 200px; max-width:400px; padding: 3px;}

@media (min-width: 768px){	 /* Desktop */
div.modarchivesactu a.bouttonpageprec {display: none; text-align: center; margin-right: auto; margin-left: auto; }
div.modarchivesactu a.bouttonarchives {display: block; text-align: center; margin-right: auto; margin-left: auto; margin-top: 0px;  }
}
@media (max-width: 767px){	/* mobile */
div.modarchivesactu a.bouttonpageprec {display: block; text-align: center; margin-right: auto; margin-left: auto; }
div.modarchivesactu a.bouttonarchives {display: block; text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px; }
}
 
.modboutonpageprecedente {
	 display: flex;
	flex-direction: column;
	justify-content: center;
	  }
 
  /* MOD Flash-info */
  
div.modflashinfo h1 { text-transform:uppercase!important; margin-top: 0!important;}

/* div.modflashinfo_main {padding-left:30px; padding-right:30px;} */
.modflashinfo .modacc_button { margin-top:20px; }
/* moins de marges dans les titres flashinfo en overlay */
div.modflashinfo .uk-overlay-panel {padding:4px;}


/* slidenav en dessous */
div.uk-position-bottom-right  {margin-bottom:-55px!important; margin-right:-15px;right: -22px; }


/* MODULE articles en relations */
div.innernews { display: table-cell; vertical-align: middle; 
/*display: flex;
	flex-direction: column;
	justify-content: center; border:1px solid #DDD; */ }
	
div.innernews div.newshead {height:100%;}
	
div.innerpicture {width:50px; text-align:center; display:block;}
div.innerpicture img {margin-left:auto; margin-right:auto;}

p.catlink span {color:#FFF; background-color:#A69462; border-radius:3px; padding: 0 2px 0 2px; line-height : 10px; }

li.catid-54 p.catlink span {color:#FFF; background-color:#e8a900 /*#ee8600*/; border-radius:3px; padding: 0 3px 0 3px; line-height : 9px; }/* FLASH */
li.catid-10 p.catlink span {color:#FFF; background-color:#a8904e; border-radius:3px; padding: 0 3px 0 3px; line-height : 9px; }/* ACTU */
li.catid-11 p.catlink span {color:#FFF; background-color:#a8904e; border-radius:3px; padding: 0 3px 0 3px; line-height : 9px; }/* ANOTER */
li.catid-124 p.catlink span {color:#FFF; background-color:#AAA; border-radius:3px; padding: 0 3px 0 3px; line-height : 9px; }/* ARCHIVES */

 
/* MODULE demandes d'actes gratuites */ 
.moddemandesactes {}

.bandeaualerte div.uk-alert-danger {margin:0!important;}
 
 
/* Titre des modules et des pages (A LA UNE, FLASHINFO, TELECHARGEMENT ACTU ARCHIVES ETC... */
/* grand ecran */

@media (min-width: 1280px) {
	
.tm-content > h1, .tm-title,
.modflashinfo h1,
.edocman-container h1,
div.search h1,
/*div.finder h1,*/
h2.titreimportant,
.contactz h1,
.archivearticlesachives h1,
.actu-archivz h1 { 
  font-size: 39px;
  line-height:40px;
    color: #A69462;
   letter-spacing: 1px;
   
	padding-bottom:10px;
	padding-top:10px;
	margin-top: 5px;
	margin-bottom: 20px!important;
	padding-right:30px;
	text-align:right;
	text-transform:uppercase!important;
	/*border-bottom: 1px dashed #7c4269;*/ }
	
	/* Titre des document et catégories edocman pas trop grands */
	h1.edocman-page-heading,
	div.edocman-document h1 {font-size: 36px; line-height:38px; margin-bottom: 20px!important};
	
	 /*#edocman-category h1.edocman-page-heading {margin-bottom: 20px!important;}*/
	}

/* moyen ecran */
@media (min-width: 769px) and (max-width: 1279px) {

.tm-content > h1, .tm-title,
.modflashinfo h1,
.edocman-container h1,
h1.edocman-page-heading,
div.search h1,
div.finder h1,
h2.titreimportant,
.contactz h1,
.archivearticlesachives h1,
.actu-archivz h1 { 
  font-size: 32px;
  line-height:38px;
    color: #A69462 ;
  letter-spacing: 1px;
   
	padding-bottom:10px;
	padding-top:10px;
	margin-top: 5px;
	margin-bottom: 18px!important;
	padding-right:30px;
	text-align:right;
	text-transform:uppercase!important;
	/*border-bottom: 1px dashed #7c4269;*/ }
	}

/* titres mobile */
@media (max-width: 768px) {
.tm-content > h1, .tm-title,
.modflashinfo h1,
.edocman-container h1,
h1.edocman-page-heading,
div.search h1,
div.finder h1,
h2.titreimportant,
.contactz h1,
.archivearticlesachives h1,
.actu-archivz h1 { 
  font-size:25px;
  line-height:28px;
    color: #A69462 /*#7c4269 violet*/;
   letter-spacing: 0;
   
	padding-bottom:0px;
	padding-top:0px;
	margin-top: 7px;
	margin-bottom: 16px!important;
	padding-right:20px;
	text-align:right;
	text-transform:uppercase!important;
	/*border-bottom: 1px dashed #7c4269;*/ }
}

/* WKIT A LA UNE */

.alaune-wkitpage {text-align: center;}

 .alaune .uk-panel-box {
 padding: 0;
 background: #773a73; /*#A69462; #F9F9F9;*/
 border: 2px solid #ab53a5!important;
 border-top: 3px solid #ab53a5;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 
margin-bottom:10px;
 } 

@media (max-width: 768px) { .alaune .uk-panel-box { margin-bottom:25px; } }
 
 
 
 
.alaune .uk-panel-box h3 { color: #FEFEFE; margin-bottom:6px;margin-top:-10px!important;   } 
.alaune .uk-panel-box a.uk-link-reset { } 
.alaune .uk-margin-top-remove a {padding-left:5px!important; padding-right:5px!important; } /* titre des articles */

 
.alaune div.uk-margin-top {margin-top:0!important;}
 
.alaune .uk-panel-box p.uk-article-meta {font-size:11px; display:none; margin:0; text-align:left!important;}
/*.alaune .uk-panel-box p.uk-article-meta time { display: visible!important; }
.alaune .uk-panel-box p.uk-article-meta time::before {visibility:visible; content: "publié le :" } */

.alaune .uk-article .uk-margin-large-bottom { margin-bottom:12px;}
 
/* Les BOUTONS de la page d'accueil (flash, Une etc. */ 
 .modacc_button {margin-left:0px;margin-top:10px;}


 
/* ----------------------- SIDEBAR MODS  */


/* MODULES SIDEBAR SPECIFIC*/
/*.tm-sidebar .uk-panel-box {padding: 0!important;  background: #CC0000!important; }*/

/* MOD liens sidebar (webenchere facebook..) */

div.modlinkglobal {width:100%; }
.modlink img {width:100%; object-fit: cover; opacity:0.65; filter:alpha(opacity=55); /* For IE8 and earlier */     transition:ease-in 0s; transition-duration: 0.25s; }
.modlink img:hover {width:100%; object-fit: cover; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ transition:ease-in-out 0s; transition-duration: 0.35s;  }

@media (min-width: 1357px) {
	div.modlink{ display:block; width:47%;  border:1px solid #AAA; float:left; min-width:130px; margin:2px; }
}

@media (max-width:1356px) and (min-width:768px) {
div.modlink{ display:block; width:95%;  border:1px solid #AAA; float:none; min-width:130px; max-width:220px; margin:6px 0 6px 0; }
}

@media (max-width:767px)  and (min-width:619px) {
div.modlink{display:block; width:24%;  border:1px solid #AAA; float:left; min-width:130px; margin:2px; }
}

@media (max-width:618px)  and (min-width:292px) {
div.modlink{display:block; width:47%;  border:1px solid #AAA; float:left; min-width:130px; margin:2px; }
}

@media (max-width:291px) {
div.modlink{ display:block; width:95%;  border:1px solid #AAA; float:none; min-width:130px; max-width:220px; margin:6px 0 6px 0; }
}

.modaffprogculture div.affprogculture {text-align:center;}
.modaffprogculture div.affprogculture img {max-height:120px; object-fit: cover; border:1px solid #999;}


/* module connexion custom */
div.connexion div.uk-form-row { margin-left:auto; margin-right:auto; text-align: center; }
div.connexion .uk-button-primary { background-color: #CC0000; }



/* @media (max-width: 1030px) {

}
*/


/* body.accueil .uk-slideset div.uk-panel {
	
	border: 2px solid #FFFFFF!important;
	-moz-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important;
	-webkit-box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important;
	box-shadow: 2px 2px 5px 2px rgba(170, 170, 170, 0.7)!important; } */

/* text-overflow: ellipsis; max-width: 500px; white-space: nowrap; overflow:hidden;*/ 

/* limiter le nobre de ligne à 2 */
/* body.accueil .uk-slideset div.uk-panel a.uk-link-reset {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-height: 18px;      
   max-height: 36px;   }  */
 
/* body.accueil .uk-pannel-hover {padding:0!important;} */

/*div.data-uk-slideset {height: 250px;}*/ 

/* module asso ajout manif */
/*div.uk-panel.uk-panel-box.modassoajoutmanif {padding:2px border:0; margin-top:-35px; border:0;}*/
div.uk-panel.uk-panel-box.modassoajoutmanif div.uk-alert-blank  {margin:4px!important;border:4px dotted #ae9a63!important; padding:5px;}
/* ----------------------------------------------------------------------------------- */
/* ------------------------------- DIVERS PETITES CHOSES GÉNÉRALES ---------------------- */
/* ---------------------------------------------------------------------------------- */

HR {color:#999;}

/* Italic pas en couleur */
em { color: inherit!important; }

/* ---------------------------------- Alertes de couleur uk-alert et les boutons integrés ------------------------- */

.uk-alert .uk-button, .uk-alert-success .uk-button, .uk-alert-nota .uk-button, .uk-alert-warning .uk-button, .uk-alert-danger .uk-button {text-shadow: none; margin-left:5px;}
.uk-alert a.uk-alert-close{display:block; float:right; position: relative; top:0px; right:0px;margin-left:10px; margin-bottom:6px;}

.uk-alert .uk-link, .uk-alert .uk-link:hover  {color: #000000!important;}

div.uk-alert, div.uk-alert-success, div.uk-alert-download, div.uk-alert-nota, div.uk-alert-warning, div.uk-alert-danger, div.uk-alert-form  { min-height: 25px; margin: 10px 0; padding: 5px 10px 5px 10px; color: #666; border-radius: 3px; text-shadow:none; text-align:left; display:flow-root;}

.modaccesparticipation .uk-alert-form,
.moddemandesactes .uk-alert-form{margin:0;}

.modaccesparticipation .uk-alert-form .uk-button-adapt,
.moddemandesactes .uk-alert-form .uk-button-adapt{float:right; display:inline; margin-top:-5px;}

@media (max-width:767px) {
div.uk-alert, div.uk-alert-success, div.uk-alert-download, div.uk-alert-nota, div.uk-alert-warning, div.uk-alert-danger, div.uk-alert-form  { min-height: 20px; margin: 5px 0; padding: 4px 3px; color: #666; border-radius: 3px; text-shadow:none; text-align:left;}
.uk-button-adapt {color:#FFFFFF; padding:4px 2px!important; line-height: 20px; min-height: 20px; }

.modaccesparticipation .uk-alert-form .uk-button-adapt,
.moddemandesactes .uk-alert-form .uk-button-adapt{ color:#FFFFFF; padding:0 4px!important; line-height: 22px; min-height: 22px; display:inline-block; float:right;position:relative; top:50%; right:0; margin-top:0;}

} 
.uk-button-adapt {color:#FFFFFF;}
.uk-button-form { background: rgba(180, 76, 194, 0.7); }
.uk-button-form:hover { background: rgba(180, 76, 194, 0.4); }

.uk-alert { background: rgba(60, 172, 226, 0.1); border: 1px solid rgba(60, 172, 226, 0.3); }
	.uk-alert .uk-button-adapt { background-color: rgba(60, 172, 226, 0.8);  }
	.uk-alert .uk-button-adapt:hover { background-color: rgba(60, 172, 226, 1);  }

.uk-alert-success { background: rgba(140, 193, 76, 0.2); border: 1px solid rgba(140, 193, 76, 0.3); }
	.uk-alert-success .uk-button-adapt { background: rgba(93, 149, 25, 0.8); }
	.uk-alert-success .uk-button-adapt:hover { background: rgba(140, 193, 76, 1); }
	
.uk-alert-download { background: rgba(140, 193, 76, 0.2); border: 1px solid rgba(140, 193, 76, 0.3); }
	.uk-alert-download .uk-button-adapt { background: rgba(93, 149, 25, 0.8); }
	.uk-alert-download .uk-button-adapt:hover { background: rgba(140, 193, 76, 1); }

.uk-alert-nota { background: rgba(166,148,98,0.2); border: 1px solid rgba(166,148,98,0.3); }
	.uk-alert-nota .uk-button-adapt { background: rgba(166,148,98, 0.8); }
	.uk-alert-nota .uk-button-adapt:hover { background: rgba(166,148,98, 1); }
	
.uk-alert-warning { background: rgba(255, 252, 235, 1); border: 1px solid rgba(226,131,39,0.3); }
	.uk-alert-warning .uk-button-adapt { background: rgba(255, 124, 14, 0.8);  }
	.uk-alert-warning .uk-button-adapt:hover { background: rgba(255, 124, 14, 1); }
	
.uk-alert-danger { background: rgba(218, 49, 49, 0.2); border: 1px solid rgba(218, 49, 49, 0.5); }
	.uk-alert-danger .uk-button-adapt { background: rgba(218, 49, 49, 0.8);}
	.uk-alert-danger .uk-button-adapt:hover { background: rgba(218, 49, 49, 1); }
	
.uk-alert-trans { background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.3); }
	.uk-alert-trans .uk-button-adapt { background: rgba(218, 49, 49, 0.8);}
	.uk-alert-trans .uk-button-adapt:hover { background: rgba(218, 49, 49, 1); }
		
.uk-alert-form {  background: rgba(168, 76, 194, 0.2); border: 1px solid rgba(180, 76, 194, 0.3); }
	.uk-alert-form .uk-button-adapt, .uk-button-form { background: rgba(180, 76, 194, 0.8); }
	.uk-alert-form .uk-button-adapt:hover, .uk-button-form:hover { background: rgba(180, 76, 194, 1); }
	.uk-alert-form i {color: rgba(180, 76, 194, 1); margin-right:8px;}
	
	
.uk-alert .uk-button-adapt,
.uk-alert-success .uk-button-adapt,
.uk-alert-nota .uk-button-adapt,
.uk-alert-warning .uk-button-adapt,
.uk-alert-danger .uk-button-adapt,
.uk-alert-form .uk-button-adapt,
.uk-alert-download .uk-button-adapt,
.uk-button-form {margin-left:5px; color: #ffffff;}
	
.uk-alert .uk-button-adapt i,
.uk-alert-success .uk-button-adapt i,
.uk-alert-nota .uk-button-adapt i,
.uk-alert-warning .uk-button-adapt i,
.uk-alert-danger .uk-button-adapt i,
.uk-alert-download .uk-button-adapt i,
.uk-alert-form .uk-button-adapt i,
.uk-button-form i {color: #FFF;margin-right:5px;}
	
	/* credits photo */

	div.creditphoto {font-size: 8pt; color: #bbb; display:block; margin-top:25px;}
	
	
/* ----------------------------------------------------------------------------------- */
/* ---------------------------------- eDOCMAN ---------------------------- */
/* ---------------------------------------------------------------------------------- */

.edocman-description-details {  text-align:left!important; }
.edocman-description {padding-bottom: 4px!important;}
.edocman-taskbar { padding-bottom: 0!important; }
[class^="edocman-icon-"], [class*="edocman-icon-"] {vertical-align: middle; margin-top:-3px; }
.edocman_document_details_information span.owner-label {display:none;}
 #edocman-document-page h1.edocman-page-heading {text-align:left;  letter-spacing: inherit; word-spacing:inherit;}


 /* MOD latest doc */

/*div.modedocmanlatest a.edocman_document_link{font-size:13px; line-height:14px;}*/
/*div.modedocmanlatest img{ width:20px; height:20px; margin-top:-2px;}*/

/*
div.modedocmanlatest {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100%;}

div.modedocmanlatest-arr {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100%;}
div.modedocmanlatest-arr a.edocman_document_link{}
div.modedocmanlatest-arr img{ width:20px; height:20px; margin-top:-2px;}


div.modedocmanlatest tr {margin:0!important; padding:0!important; height:18px!important;}


div.modedocmanlatest table.edocman_document_list tr td { border-bottom:0;
padding: 0px!important;
}
div.modedocmanlatest table.edocman_document_list  { padding:5px 0px; }



*/

/* nouvelle version edocman 2021 */
div.downloadinformation,
div.sizeinformation {display:none!important;}

/* Module edocman latest 2021 */
span.ndownloads {display:none;}

div.modedocmanlatest,
div.modedocmanlatest-arr {white-space: nowrap; overflow: hidden; max-width:100%;}

table.edocman_document_list tr td,
table.edocman_document_list .edocman_document_list_icon,
td.edocman_document_list_icon {padding:1px!important;} /* lignes du module plus serrees */

div.modedocmanlatest table.edocman_document_list .edocman_document_list_title a,
div.modedocmanlatest-arr table.edocman_document_list .edocman_document_list_title a {
	font-size:13px; line-height:20px;
    color: inherit;
	font-weight:normal;
	color:#ab53a5;
	font-size:13px;
	line-height:14px;
padding-left:5px; }

div.modedocmanlatest table.edocman_document_list .edocman_document_list_title a:hover {text-decoration:underline;}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------------- FORMULAIRES mise en page ------------------------ */
/* ---------------------------------------------------------------------------------- */

/*input#ff_elem355.ff_elem {color:#cc0000;}*/

/* divers
.uk-button, .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {line-height:inherit;}*/


/* creation template */

/* les boutons CHECK */
.uk-form input[type="checkbox"],
.bfQuickMode input[type="checkbox"] {
    display: inline-block;
    height: 18px!important;
    width: 18px!important;
    border: 1px solid rgba(0, 0, 0, 0.4);
    overflow: hidden;
    margin-top: 0px;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: #ffffff;
	font-size: 20px;
}

.uk-form input[type=checkbox]:before,
.bfQuickMode input[type=checkbox]:before {
    display: block;  /*block d'origine, cause pb sous chrome... */
	line-height: 20px;
	margin-top:1px;
}

/* les boutons RADIO */
.uk-form input[type="radio"],
.bfQuickMode input[type="radio"] {
    display: inline-block!important;
    height: 16px!important;
    width: 16px!important;
    border: 1px solid rgba(0, 0, 0, 0.4);
    overflow: hidden;
    margin-top: -4px!important;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: #ffffff;
	/*font-size: 20px;*/
}
.uk-form input[type=radio]:before,
.bfQuickMode input[type=radio]:before {
    display: block!important;  /*block d'origine, cause pb sous chrome... */
	height: 10px!important;
    width: 10px!important;
	margin-top:2px!important;
	}

/* icone informations */
.bfQuickMode span.bfTooltip {background: transparent url('../../../images/structure/_formulaires/icon_info.png') top left no-repeat; }

/* message de confirmation */
div.form-confirm {width:100%; padding:4px; border-bottom:1px dashed #A69462; text-align:center; margin-left:auto; margin-right:auto;}
div.form-confirm img {width:100px; height:auto; margin-bottom:25px;}
div.form-confirm-content {margin-bottom:25px;}
div.form-confirm-links {text-align:center; margin-top:30px; }
div.form-confirm-links a {margin: 10px; }


/* boutons customisé */
button#ff_elem2585 {
	background-color: #9d5298;
	color: #ffffff;
	min-width: 160px;
	min-height: 30px;
	margin: 0;
	text-transform: none;
	/*line-height: 30px;
	font-size: 1rem;*/
	text-align: center;
	-webkit-appearance: none;
	border: none;
	overflow: visible;
	font: inherit;
    font-size: inherit;
    line-height: inherit;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	vertical-align: middle;
	/*line-height: 30px;*/
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.1);
}





/* -------------------------------------------------------------------------------------------- */
/* ------------------ NEW PAGE EQUIPE MUNICIPALE 2020  --------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

div.delegation {text-align: center; padding-bottom:20px!important;}
div.elus_spacer {width:100%;clear:both; display:block; margin:15px 0 15px 0;}
/* les titres perso */

@media (min-width: 768px) {  /* desktop */
	div.mytitle_elus {
	font-family: 'Muli';
	font-weight: 400;
	color: #A69462;
	font-size: 22px;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 2px solid #A69462;
	background-color: #FFFFFF !important;
	text-align: left;
	width:100%;
	clear:both;
	margin-top:15px; margin-bottom:10px;}
}
 
@media (max-width: 767px) {   /* smarphone */
 div.mytitle_elus {
font-family: 'Muli';
font-weight: 400;
width: 100%;
clear:both;
color: #A69462;
font-size: 19px;
text-transform: uppercase;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 2px solid #A69462;
background-color: #FFFFFF !important;
text-align: left;
margin-right:15px;
margin-top:20px; margin-bottom:15px;}
}



@media (min-width: 768px) {   /* Desktop */

div.maire_main {margin-bottom:15px;}
div.maire_main_img {float:right; margin-left:15px;}
div.maire_main_img img {width:165px;  height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}

div.adjoint_deleg_main {margin-bottom:15px!important;}
div.adjoint_deleg_main_img {text-align:center;}
div.adjoint_deleg_main_img img {width:140px; height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_main_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}	
div.adjoint_deleg_main_txt {font-size:14px; line-height: 16px;}

div.adjoints_deleg_sub {text-align:center; width:33%; float: left;}
div.adjoint_deleg_sub_img {text-align:center;}
div.adjoint_deleg_sub_img img {width:110px; height:auto;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_sub_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}
div.adjoint_deleg_sub_txt {padding: 0 15px 0 15px;}

div.conseillers_municipaux {width:25%; float: left; margin-bottom:20px;}
div.conseillers_municipaux_img {text-align:center;}
div.conseillers_municipaux_img img {text-align:center; height: 120px; width:auto;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.conseillers_municipaux_txt {text-align:center; font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}

}

@media (max-width: 767px) {   /* tablet */

div.maire_main {margin-bottom:12px;}
div.maire_main_img {float:right; margin-left:15px;}
div.maire_main_img img {width:150px;  height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}

div.adjoint_deleg_main {margin-bottom:12px!important;}
div.adjoint_deleg_main_img {text-align:center;}
div.adjoint_deleg_main_img img {width:120px; height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_main_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}	
div.adjoint_deleg_main_txt {font-size:14px; line-height: 16px;}

div.adjoints_deleg_sub {text-align:center; width:50%; float: left;}
div.adjoint_deleg_sub_img {text-align:center;}
div.adjoint_deleg_sub_img img {width:90px; height:auto;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_sub_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}
div.adjoint_deleg_sub_txt {padding: 0 15px 0 15px;}

div.conseillers_municipaux {width:33%; float: left; margin-bottom:20px;}
div.conseillers_municipaux_img {text-align:center;}
div.conseillers_municipaux_img img {text-align:center; height: 100px; width:auto;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.conseillers_municipaux_txt {text-align:center; font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}

}


@media (max-width: 480px) {   /* smartphone */

div.maire_main {margin-bottom:10px;}
div.maire_main_img {float:right; margin-left:15px;}
div.maire_main_img img {width:120px;  height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}

div.adjoint_deleg_main {margin-bottom:12px!important;}
div.adjoint_deleg_main_img {text-align:center;}
div.adjoint_deleg_main_img img {width:100px; height:auto;
  border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_main_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}	
div.adjoint_deleg_main_txt {font-size:14px; line-height: 16px;}

div.adjoints_deleg_sub {text-align:center; width:100%; float: left;}
div.adjoint_deleg_sub_img {text-align:center;}
div.adjoint_deleg_sub_img img {width:80px; height:auto;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.adjoint_deleg_sub_name {font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}
div.adjoint_deleg_sub_txt {padding: 0 15px 0 15px;}

div.conseillers_municipaux {width:50%; float: left; margin-bottom:20px;}
div.conseillers_municipaux_img {text-align:center;}
div.conseillers_municipaux_img img {text-align:center;
border: 4px solid #FFFFFF!important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	box-shadow: 1px 1px 3px 0px rgba(170, 170, 170, 0.7);
	margin-top:8px; margin-bottom:5px;}
div.conseillers_municipaux_txt {text-align:center; font-weight:bold; color:#A69462; font-size:14px; line-height: 16px;}

}


/* -------------------------------------------------------------------------------------------- */
/* ------------------ Page commercants  -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

div:target { /* astuce pour les ancres et le sticky menu */
    padding-top: 5em; margin-top: -5em; }

table.commerce {width:100%; margin-bottom:25px;}
table.commerce td {padding: 0 5px 0 5px; width:25%; vertical-align:top;}
table.commerce td:nth-child(-n+3) {border-right: 1px dashed #A69462;}
table.commerce li {margin-left: -4px;}

span.commercename {font-weight:bold;}
span.commerceadresse {font-decoration:italic;}
span.commercecontact {font-weight:bold; color:#A69462;}
span.commerceautre {}

div.hautdepage {float:right; display:block;}

/* -------------------------------------------------------------------------------------------- */
/* ------------------ JEVENT design  -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

.jevents_body {font-size:13px;}
div.jev_evdt_desc {font-size:13px; min-height:120px;}
/*div.jev_evdt_desc img {border:1px solid #DDD;}*/

/*====== calendrier mensuel ======*/

/* barre de menu */
#jevents_body .tableh1 { background-image: none; border-bottom: 0; }
#jevents_body .buttontext a { font-size: 11px; color:#888;} 
#jevents_body .buttontext a:hover { font-size: 11px; color:#888;} 

/* Supprimer un ou plusieurs liens du menu (option ds admin ne fonctionne pas) */

/*#jevents_body td.tableh1 table tbody tr:first-child td.buttontext:nth-child(1), 
#jevents_body td.tableh1 table tbody tr:first-child td.buttontext:nth-child(2), 
#jevents_body td.tableh1 table tbody tr:first-child td.buttontext:nth-child(7),
#jevents_body td.tableh1 table tbody tr:first-child td.buttontext:nth-child(8) {display:none;}*/

/*#jevents_body td.tableh1 table tbody tr:first-child td.buttontext:last-child a {font-size:14px}  apparence lien "recherche" */


/* texte : "vue par mois" */
#jevents_body h2 {font-size: 13px;} 

/* date aujourdhui */
#jevents_body .today { font-size: 13px; color: #ae9a63; font-weight: normal;}

#jevents_body .currentday, #jevents_body .currentweek {  font-size:14px; color: #666; font-weight: normal; }

#jevents_body td.currentmonth {background-color:#ae9a63!important; color:#FFF; font-weight:normal;}

#jevents_body .nextmonth,
#jevents_body .nextday,
#jevents_body .nextweek {font-size:13px; font-weight:normal; background-color:#EEE; border-right:0;}

#jevents_body .previousmonth,
#jevents_body .previousday,
#jevents_body .previousweek {font-size:13px; font-weight:normal; background-color:#EEE; border-left:0;}

#jevents_body td.previousmonth a,
#jevents_body td.previousmonth a:hover,
#jevents_body td.nextmonth a,
#jevents_body td.nextmonth a:hover {color:#ab53a5;}

/* ligne jours de la semaine */
#jevents_body .weekdaytopclr, #jevents_body .sundaytopclr {
    background-image: none;
    background-color: #ab53a5;
    font-size: 12px;
    font-weight: normal;
	border-left: 1px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
}

/* tableau entier : suppr du contour */
#jevents_body .maintable { border: 0px; }

/* tableau entier : adaptation pour petits ecrans */
@media (max-width:600px){ /* dimi padding des jours de la semaine */
#jevents_body .weekdaytopclr, #jevents_body .sundaytopclr {padding-right: 2px;padding-left: 2px;}
#jevents_body .currentmonth, #jevents_body .currentday, #jevents_body .currentweek {padding-right: 5px;padding-left: 5px;}
}

/* premiere colone du tableau (No semaine) */
#jevents_body table.maintable tr:nth-child(2) td:first-child {background-color: #FFF; border-left:0; border-top:0;}
#jevents_body .tablev1 {
    background-color: #ab53a5;
    font-size: 8px;
    font-weight: normal;
	color:#DDDDDD;
	border-top:1px solid #FFFFFF;
	border-left:0; 
}

#jevents_body .tablev1 a,#jevents_body .tablev1 a:visited { color:#DDDDDD;}

/*No des jours */
/*.cal_td_weeklink, #jevents .jevbootstrap a, .cal_td_weeklink a { color: #FFF;}*/
#jevents_body .caldaydigits {
	font-size: 9px !important;
	font-weight: normal !important;
	font-family: Tahoma, Geneva, sans-serif;
}

/*#jevents_body .caldaydigits a {min-width:12px;   TEST
display:inline-flex;
padding:2px;
border:1px solid #999;
border-radius:50px;
}*/

/* jour J */
#jevents_body .todayclr { background-color: rgba(245, 238, 213, 0.5)/*rgba(231, 225, 210, 1)*/ ; border:2px solid #ae9a63; }
#jevents_body .todayclr div.eventfull { background: none;}

#jevents_body .eventfull {
    margin-left: 3px;
    margin-right: 3px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    background:none;
    }


		/* les cellules */
/*vides*/
#jevents_body .weekdayclr, #jevents_body .sundayemptyclr { background-color: #EFEFEF; font-size: 10px; }
/*#jevents_body .sundayemptyclr { background-color: #DDD; font-size: 10px; }*/

/* les jours hors du mois en cours */
#jevents_body .weekdayemptyclr {
    background-color: #BBB;
    color: #EEE;
    font-size: 10px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

/* les manifestations dans les cellules */
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-family: 'Sarala';
    font-weight: 200;
    font-size: 10px;
}

/* Légende */
#jevents_body .tablec {
background-color: #FFFFFF; 
padding-top:15px;
padding-right: 25px;
padding-left: 25px;
padding-bottom:0;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFF; 
}
#jevents_body div.event_legend_name {border-left-width: 5px;  padding: 0px 8px 0px 2px;}

#jevents_body hr {display:none;}

/* ====== DETAILS DE LA MANIFESTATION ====== */

/* Titre des manif */
div.jev_evdt_title {font-size: 32px!important; line-height:34px; color: #A69462; margin-top:15px!important; font-weight: lighter;}
/*.jev_evdt_title:before {font-size: 23px!important; color: #A69462; content:' '; margin-top:-5px;}*/

.jev_evdt .jev_eventdetails_body > div { padding-bottom: 0;}
div.jev_evdt { margin-top:20px;} /* espacement entre le menu et le contenu des manif */
@media (max-width:480px){
div.jev_evdt { margin-top:-20px;} /* espacement entre le menu et le contenu des manif MOBILE*/
}


/* date et infos */
div.jev_eventdetails_body div.jev_evdt_summary {font-size: 17px!important;  color: #666666!important; width:100%;}
div.jev_eventdetails_body div.jev_evdt_location,
div.jev_eventdetails_body div.jev_evdt_contact {font-size: 15px!important;  color: #666666!important; margin:-10px 0 5px 0; display:block;}

div.jev_eventdetails_body div.jev_evdt_desc {display:block; }
div.jev_eventdetails_body div.jev_evdt_location  {display:block; margin-top:30px; height:25px; background:url(../../../images/icones/pointeur_carto.png) 0 -2px no-repeat transparent; padding-left:25px;}
div.jev_eventdetails_body div.jev_evdt_location span.location {font-weight:bold;   }

div.jev_evdt_hits,
div.jev_evdt_creator  {display:none;}

 div.jev_eventdetails_body div.jev_evdt_contact {
margin-left:0!important;
}
 
div.jev_evdt_extrainf {margin:25px 15px 6px 15px!important; border:1px dashed #CC0000!important; padding:10px!important; font-size: 15px!important;display:none;}
 
 

/* corps de la description */

div.jev_eventdetails_body div.jev_evdt_desc {font-size: 14px!important; padding: 30px 8px 8px 8px;  border-top: 2px dashed #ae9a63!important; margin-top:5px;}
div.jev_eventdetails_body div.jev_evdt_desc a {color: #ab53a5!important;}


/* vue hebdomadaire */

#jevents_body .tableh2 {background-image: none; background-color: #CCC;}


/* -------------------------------------------------------------------------------------------- */
/* ------------------ Fiches Associations ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

table.asso_table {width:100%;}

.asso_desc { font-style: italic; font-size: 10pt; color: #AAAAAA; margin-top: -5px; margin-bottom: 20px;  }

.asso_logo,
.asso_vertical_sep { width:33%; min-width:140px; border-right: 1px dashed #ae9a63!important; }

div.asso_logo_img {text-align: center; }
div.asso_logo_img img {max-width:150px; }

div.asso_adresse { margin-top: 12px; font-style: italic; font-size: 10pt; text-align:center; }

.asso_staff { padding-left: 20px; padding-bottom: 10px; background:none!important; }
.asso_staff2 { padding-left: 20px; background:none!important;}
.asso_contacts { border: 1px solid #ae9a63; padding: 7px; margin-bottom:8px; text-align:left; }
hr.hrperso2 {display:none!important;}
div.asso_content { border-top: 1px dashed #ae9a63!important; padding:20px 10px 15px 10px; }  

.majdate,
div.majdate {font-size: 8pt; color: #c0c0c0; margin-top:20px;}


/* -------------------------------------------------------------------------------------------- */
/* ------------------ PLANS  -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

div.plansdiv {height:70vh;}
iframe.plans {z-index: 1;
position: relative;
height:70vh;
width: 100%;
padding: 0px;
border-width: 0px;
margin: 0px; }


@media (max-width: 767px) and (orientation:portrait) {
	div.plansdiv {height:90vh;}
	iframe.plans {z-index: 1;
position: absolute;
height:80vh;
width: 100%;
padding: 0px;
border-width: 0px;
margin: 0px;
left: 0px;
top: 130px; }
}
@media (max-width: 767px) and (orientation:landscape) {
	div.plansdiv {height:90vh;}
	iframe.plans {z-index: 1;
position: absolute;
height:80vh;
min-height:400px;
width: 100%;
padding: 0px;
border-width: 0px;
margin: 0px;
left: 0px;
top: 130px; }
}