/*BODY*/
body {font-family: "Roboto",Helvetica,Arial,sans-serif;}
.t3-wrapper {background-color:#fff;}
.t3-header {padding: 20px 20px 0 20px;}
.logo {height: 165px; z-index: 300; overflow: visible; padding-left: 20px; padding-right: 0;}
.droite {padding-left: 0; padding-right: 20px;}
.slideshow {overflow: hidden; position: relative; z-index: 101;}
.t3-mainbody {padding-top: 0; padding-bottom: 0;}
.t3-mainbody .container {background: #fece00;}
.breadcrumb {background: #fff;}
.t3-content {background: #fff;}
@media screen and (min-width: 1170px) {
	.t3-content {min-height: 900px;}
}
.t3-content, .t3-sidebar {padding-top: 25px;}
.article-aside {}
.t3-sl {padding-bottom: 30px; padding-top: 30px;}
.sl_bg {background: #018172; padding-top: 0; padding-bottom: 0;}
.t3-spotlight-2 .mairie {margin-top: 10px; margin-bottom: 10px;}
.t3-footer, .t3-footnav .t3-module {background: #fece00; border: none;}
.t3-copyright  {background: #000; border: none;}

/* Footer curtain uniquement grands écrans*/
@media screen and (min-width: 1170px) {
	body {position: relative; z-index: 0;}
	.t3-wrapper {position: relative; z-index: 1; box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.4);}
	footer {position:relative;	z-index:-2; height: 330px;}
	footer.article-footer {height: 0;}
	.t3-footer .container {position: fixed; left: 50%; bottom: 140px; z-index: -1; margin-left:-585px;}
	.t3-footer .mairie::after {background: #fff; content: " ";display:block;width:1000px; height:500px;position:absolute;right:-1000px;top:0;}
	.t3-footer .mairie .horaire {background: #fff; color: #333; height: 220px; padding-top: 0;}
}

/* TYPO */
h1, h2 {color: #016358;}
a {color: #016358;}
a:hover, a:focus {color: #004e4e;}
h1, h2, h3, .jevbootstrap h2.contentheading {font-family: "Julius Sans One",Helvetica,Arial,sans-serif;}
.article-title {font-size: 250%;}
th, td {padding: 5px;}
.t3-footnav .contact-btn a {color:#fff;}
.ui.form textarea {height: auto;}

/* NAVIGATION */
.t3-megamenu {}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;}
@media screen and (min-width: 1170px) {
	.navbar-default.t3-mainnav {background: #004e4e; border: none; height: 65px; z-index: 250;}
}
#t3-mainnav .container {padding: 0;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a { width: 195px; padding: 20px 10px 10px; text-align: center; color: #fff; font-size: 130%; background-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: transparent; color: #fff;}
.navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-bottom-color: #fff; border-top-color: #fff;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {border-bottom: 5px solid #f6302b;}

/*Modules dans megamenu*/
.t3-megamenu .t3-module.module_moduledoc {background: #004e4e; border-radius: 5px; padding: 5px; color: #fff;}
.t3-megamenu .t3-module.module_moduledoc a {color: #ddd;}

/*Hamburger icon CSS3*/
.con {
   cursor: pointer;
   display: inline-block;
 }
 
.bar {
   display: block;
   height: 5px;
   width: 25px;
   background: #FFF;
   margin: 5px auto;
   border-radius: 3px;
 }
 
.con {
   width: auto;
   margin: 0 auto;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 
.bar {
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 
 .con:hover .arrow-top-r {
   -webkit-transform: rotateZ(-45deg) translate(-8px, -6px);
   -moz-transform: rotateZ(-45deg) translate(-8px, -6px);
   -ms-transform: rotateZ(-45deg)  translate(-8px, -6px);
   -o-transform: rotateZ(-45deg)  translate(-8px, -6px);
   transform: rotateZ(-45deg)  translate(-8px, -5px);
   width: 25px;
 }
 
 .con:hover .arrow-middle-r {
   -webkit-transform: translateX(8px);
   -moz-transform: translateX(8px);
   -ms-transform: translateX(8px);
   -o-transform: translateX(8px);
   transform: translateX(8px);
 }
 
 .con:hover .arrow-bottom-r {
   -webkit-transform: rotateZ(45deg)  translate(-8px, 6px);
   -moz-transform: rotateZ(45deg) translate(-8px, 6px);
   -ms-transform: rotateZ(45deg)  translate(-8px, 6px);
   -o-transform: rotateZ(45deg)  translate(-8px, 6px);
   transform: rotateZ(45deg) translate(-8px, 5px);
   width: 25px;
 }
 
.off-canvas-toggle {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 3px; background: #004e4e;}
ul.accordeonck {padding-left : 5px;}
ul#accordeonck114 { background:none; background-color: #fff; border-radius: 0; -moz-border-radius: 0; box-shadow: 0px 0px 0px 0px #fff; -moz-box-shadow: 0px 0px 0px 0px#fff; border-color: #fff;} 
#accordeonck114 li.level1 > span a.accordeonck, #accordeonck164 li.level2 > span a.accordeonck, #accordeonck164 li.level3 > span a.accordeonck {font-size: 14px;}
ul#accordeonck114 li a.accordeonck, ul#accordeonck164 li ul li.accordeonck {margin-left: 0; padding-left: 0;}

.t3-mainnav {
  background: none;
  border: none;
  margin-bottom: 0;
 /*Sticky menu*/
 left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  }
  
/*Off-canevas*/
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {background: none;}
.t3-off-canvas-body .dropdown-menu > li > a {white-space: normal;}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a:hover, .t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a:focus, 
.t3-off-canvas-body .nav-pills .dropdown-menu > li.active > a:hover, .t3-off-canvas-body .dropdown-menu .nav-pills > li.active > a:focus {
    background-color: #f5f5f5;
    color: #2a6496;
}
.t3-off-canvas-body h3 {display: none;}
.t3-off-canvas-body .nav > li > a {padding: 8px 5px;}
.t3-off-canvas-body .dropdown-menu > li > a {padding: 8px 15px;}
.t3-off-canvas-body .dropdown-menu > li > .dropdown-menu li > a {padding: 0 25px;}
.t3-off-canvas-body .nav-stacked > li + li {border-top: 1px solid #4c7800;}

/* Derniers bulletins et conseils */
.t3-module.module_bull{background: #135f8c; border-radius: 8px; padding: 10px;}
.t3-module.module_bull .module-title, .t3-module.module_bull .module-ct a, .t3-module.module_bull .module-ct li {color: #fff;}

/* MODULES */
.t3-module {margin-bottom: 30px;}

/* Annuaire assos et vie economique */
.blog_assos .items-row .item, .blog_eco .items-row .item {padding: 1.5rem !important; margin-bottom: 1.5rem !important; box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;}
.field-entry {margin-bottom: 10px;}
.field-entry.logoasso, .field-entry.logoeco {float: right; width: 100px; height: 100px;}
.logoasso img, .logoeco img {width: 95%;}
.adresseasso, .adresseeco {margin-bottom: 0;}
.field-label {font-weight: bold;}

/* Gestion */
.t3-sidebar-right .module-title {padding: 0 0 20px 0; color: #004e4e; font-size: 200%; border-bottom: 5px solid #f6302b;}
.t3-sidebar-right .nav-pills > li > a {}
.t3-sidebar-right .nav-pills > li > a:hover {}
.nav > li > a > img {margin-right: 8px;}
.module .nav-pills > li.active > a, .module .nav-pills > li.active > a:hover, .module .nav-pills > li.active > a:focus {background: #018172;}

/* Header */
.head-search {margin-top: 20px;}
.head-search .search {margin-top: 5px;}
.giw-copyright {display: none;}
.languageswitcherload {text-align: right; padding-top: 5px;}
.trad {float:right;}
a.flag {padding-right: 15px;}

/* Actualites */
.module_actu .module-title {background : none; padding: 20px 20px 20px 0; color: #004e4e; font-size: 250%; margin-bottom: 0; border-bottom: 5px solid #f6302b;}
.module_actu .module-ct {padding: 20px; border: 1px solid #f6302b;}
.module_actu h4 {font-weight: bold;}
.module_actu a.readon {color: #fff; background: #f6302b; padding: 5px; margin:10px 10px 15px 10px;}
/*.module_actu .gkNspPM-GridNews > figure {margin: 0 0 20px 0;}
.gkNspPM-GridNews time {display: none;}
.gkNspPM-GridNews hr.separator {display: none;}
.module_actu .module-inner {border-width: 3px; border-style: solid; border-color: #002f68; border-radius: 10px; padding-bottom: 20px;}
.module_actu .module-ct {padding-left: 10px; padding-right: 10px;}
.module_actu .module-title {background : url("../images/h3.png") 10px 10px no-repeat #ffffff; padding: 20px 20px 20px 70px; color: #002f68; font-size: 200%; margin-bottom: 0; border-radius: 10px;}
.module_actu .gkNspPM-GridNews figcaption > div {top: 20%;}
.module_actu .gkNspPM-GridNews h3 {font-size: 120%; font-family: "Roboto", sans-serif;}
.module_actu .gkNspPM-GridNews figcaption a {color: #002f68 !important;}
.module_actu .gkNspPM-GridNews figcaption p {text-align: left; padding-left: 5px;}
.module_actu .gkNspPM-GridNews figcaption:before, .module_actu .gkNspPM-GridNews .inverse figcaption:before {top: 120px;}*/
h4.actus_btn {margin-top: 0; float: right;}
.actus_btn .fa-arrow-right {-webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
.actus_btn:hover .fa-arrow-right {
   -webkit-transform: scale(1.5,1.5);
   -moz-transform: scale(1.5,1.5);
   -ms-transform: scale(1.5,1.5);
   -o-transform: scale(1.5,1.5);
   transform: scale(1.5,1.5) translateX(-10px);
 }
  .actus_btn a:hover {text-decoration: none;}
 
.gkArtContentWrap {min-width: 200px;}

/* Breadcrumbs*/
ol.breadcrumb > .active {color: #666;}

/* 1 Clic*/
.clic {padding-right: 10px; padding-bottom: 20px; display: inline-block;}
#sante {display:block; width:115px; height:120px; background:url("../images/sprite.png") 0 -20px no-repeat;}
#sante:hover,#sante:active,#sante:focus{background-position:0 -140px;}
#sante span, #demarches span, #dechets span, #enfance span, #reglement span, #assos span {display:inline-block; text-indent: -5000px;}
#demarches {display:block; width:115px; height:120px; background:url("../images/sprite.png") -115px -20px no-repeat;}
#demarches:hover,#demarches:active,#demarches:focus{background-position:-115px -140px;}
#dechets {display:block; width:115px; height:120px; background:url("../images/sprite.png") -230px -20px no-repeat;}
#dechets:hover,#dechets:active,#dechets:focus{background-position:-230px -140px;}
#enfance {display:block; width:115px; height:120px; background:url("../images/sprite.png") -345px -20px no-repeat;}
#enfance:hover,#enfance:active,#enfance:focus{background-position:-345px -140px;}
#reglement {display:block; width:115px; height:120px; background:url("../images/sprite.png") -460px -20px no-repeat;}
#reglement:hover,#reglement:active,#reglement:focus{background-position:-460px -140px;}
#assos {display:block; width:115px; height:120px; background:url("../images/sprite.png") -575px -20px no-repeat;}
#assos:hover,#assos:active,#assos:focus{background-position:-575px -140px;}

/* A l'affiche */
.module_latest h3.module-title {padding: 0 0 20px 0; color: #004e4e; font-size: 200%; border-bottom: 5px solid #f6302b;}
.module_latest tr, .module_latest .mod_events_latest_table tr {color: #000; border: none;}
.module_latest .mod_events_latest_table td {padding-bottom: 10px; padding-right: 0; padding-left: 0; border: none;}
.module_latest .jevbootstrap .mod_events_latest_date, .module_latest .jevbootstrap .mod_events_latest_content {line-height: 1;}
.module_latest .fa {color: #018172;}
.event-date {float: left;width: 80px; height: 80px; background: #fff; text-align: center; line-height:1; color: #004e4e; font-family: "Julius Sans One",Helvetica,Arial,sans-serif; margin-right: 5px;}
.event-infos {float: left; min-height: 80px; padding-left: 5px; background: none;}
@media screen and (min-width: 320px) {
	.event-infos {max-width: 205px;}
}
@media screen and (min-width: 768px) {
	.event-infos {max-width: 135px;}
}
@media screen and (min-width: 1024px) {
	.event-infos {max-width: 125px;}
}
@media screen and (min-width: 1170px) {
	.event-infos {max-width: 175px;}
}
.event-titre { margin-bottom: 8px;}
.event-titre a {text-transform: uppercase; color: #004e4e; font-weight: bold;}
.event-contact {float: left; width: 100%;}
.date {margin-top: 3px;}
.mois {margin-top: -5px;}
.date .mod_events_latest_date {font-size: 350%;}
.mois .mod_events_latest_date {font-size: 200%;}
.toutagenda {float: right; padding: 5px; background: #018172;}
	/*liste*/
	.jev_catselect td {border: none;}
	.jevbootstrap table tbody tr {display: inline-block; width:250px;  padding: 0 10px;}
	.ev_table  {border: none;}
	.ev_table tr {min-height: 300px; border: none;}
	.ev_table td {display: block; width: 100%; vertical-align: top; border: none;}
	td.ev_td_left {display: none;}
	ul.ev_ul li.ev_td_li {border-width: 0px !important; background: #fece00; padding-left: 0 !important; height: 270px;}
	.jourheure {padding: 3px 3px 3px 6px; background: #004e4e; color: #fff; font-size: 120%; font-family: "Julius Sans One",Helvetica,Arial,sans-serif; font-weight: 600; text-align: center;}
	.photo {overflow-y: hidden; max-height: 135px;}
	.photo img {width: 100%; height: auto;}
	.titre {text-transform: uppercase; text-align: center; font-size: 110%; font-weight: bold; margin-bottom: 7px; height: 65px; padding: 8px;}
	.titre a.ev_link_row:link, .titre a.ev_link_row:visited { line-height: 1; color: #000;}
	.lieu {margin:5px 10px; padding: 3px; background: #fff; text-align: center;}
	a.ev_link_row:link, a.ev_link_row:visited {font-size : 110%; color: #fece00; font-weight: 500; line-height: 1.5;}
	.desc {padding: 8px; font-size: 85%;}

	/*détail*/
	.jev_evdt_title {color: #004e4e;}
	.cartouche {background: #004e4e; padding: 20px; color: #fff; margin-bottom: 20px;}
	#jevents_body .contentpaneopen div.info {line-height: 2em;}
	.info .fa {margin-right: 10px;}
	/*calendar*/
	#flatcal_minical .flatcal_daycell, #flatcal_minical .flatcal_todaycell, #flatcal_minical .flatcal_sundaycell, #flatcal_minical .flatcal_othermonth {text-align: center;}
	.module_calend #flatcal_minical .flatcal_sundaycell, .module_calend #flatcal_minical .flatcal_sundaylink:link, .module_calend #flatcal_minical .flatcal_sundaylink:visited {color: #135f8c;} 
	
/* Module derniers articles */

.t3-module ul.latestnews_latest a {padding: .2em;}
@media (pointer: coarse) {
  .t3-module ul.latestnews_latest a {
    padding: .8em;
  }
}


/* Module derniers conseils */
.module_conseils li a {color: #fff;}
.module_conseils li::marker {color:#fece00;}

/* Spotlight 2 */
.t3-spotlight-2 .t3-module {padding: 0; margin-bottom: 0; height: 250px; background-color: #004e4e; color: #fff;}
.t3-spotlight-2 .module-title {color: #fece00; font-size: 180%; padding: 15px; margin-bottom: 0;}
.t3-spotlight-2 .module_bulletin {background: url("../images/bulletin_bg.png") -30px -20px no-repeat #004e4e;}
.t3-spotlight-2 .module_bulletin .module-title {background: none; margin-bottom: 10px;}
.custom_bulletin img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.3); border-radius: 76px;}
.custom_bulletin img {
   width: auto;
   margin: 0 auto;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 .custom_bulletin img:hover {
   -webkit-transform: rotate(20deg) scale(1.2,1.2);
   -moz-transform: rotate(20deg) scale(1.2,1.2);
   -ms-transform: rotate(20deg) scale(1.2,1.2);
   -o-transform: rotate(20deg) scale(1.2,1.2);
   transform: rotate(20deg) scale(1.2,1.2);
 }
.t3-spotlight-2 .sigplus-gallery {margin-top: 0; margin-bottom: 10px;}
.feed h3 {margin-top: -10px; margin-left: 10px; font-size: 120%;}
.t3-spotlight-2 ul.newsfeed {border: none;}
.latestnews.mod-list li {list-style-type: none; margin-bottom: 8px;}
	
/* Footer */
.t3-footnav {padding: 0;}
.t3-footnav .t3-module .module-title {border-bottom: 1px solid #fff; color: #fff; font-size: 280%; margin-bottom: 20px; padding-bottom: 10px; text-align: center;}
.contact-btn {background: #018172; font-size: 120%; padding: 5px 10px; width: 150px; text-align: center;}
.contact-btn {
   margin: 0 auto;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 .contact-btn:hover {
   -webkit-transform: scale(1.2,1.2);
   -moz-transform: scale(1.2,1.2);
   -ms-transform: scale(1.2,1.2);
   -o-transform: scale(1.2,1.2);
   transform: scale(1.2,1.2);
 }
.contact-btn a:hover { 
   text-decoration: none;
 }

.copyright a {color: #ddd;}
.t3-copyright {padding: 20px 0 0; color: #fff;}

/* Contacts assos */
.contact {background: #f9b400; border-radius: 10px; padding: 20px 20px 10px 50px; font-weight: bold;}

/* Form contact*/
.t3-content .gbs3 h1,.t3-content .gbs3 h2 {font-family: 'Supermercado One', cursive; color: #135f8c;}

/* Pb images à gauche */
.article-intro img, .article-content img {display: inline-block;}

/* Joomla Modal Popup*/
a.modal {
    display: inline;
	position: relative;
	z-index: 1;
}

/*Sprite*/
.carte29 {display: block; margin-left: auto; margin-right: auto; width:223px; height:178px; background:url("../images/sprite.png") 0 -260px no-repeat;}
.tel-icone {display: block; margin: 12px 24px 0px 0px; float: left; width:20px; height:20px; background:url("../images/sprite.png") -14px 0 no-repeat;}
.adr-icone {display: block; margin: 10px 30px 30px 0px; float: left; width:14px; height:20px; background:url("../images/sprite.png") 0 0 no-repeat;}
.logo-cc {display: block; margin-left: auto; margin-right: auto; margin-top: 120px; width:190px; height:122px; background:url("../images/sprite.png") -223px -260px no-repeat;}
.logo-tkn {display: block; float: left; margin-right: 5px; vertical-align: middle; width:17px; height:20px; background:url("../images/sprite.png") -34px 0 no-repeat;}
.logo-blanc {display: block; margin-left: auto; margin-right: auto; margin-top: 120px; width:100px; height:100px; background:url("../images/sprite.png") -413px -260px no-repeat;}
.fleched {display: block; float: left; margin-right: 5px; vertical-align: middle; width:13px; height:20px; background:url("../images/sprite.png") -513px -260px no-repeat;}
.fr {display: block; float: left; margin-right: 5px; vertical-align: middle; width:16px; height:16px; background:url("../images/sprite.png") -51px 0 no-repeat;}
.en {display: block; float: left; margin-right: 5px; vertical-align: middle; width:16px; height:16px; background:url("../images/sprite.png") -67px 0 no-repeat;}
.de {display: block; float: left; margin-right: 5px; vertical-align: middle; width:16px; height:16px; background:url("../images/sprite.png") -83px 0 no-repeat;}
.it {display: block; float: left; margin-right: 5px; vertical-align: middle; width:16px; height:16px; background:url("../images/sprite.png") -99px 0 no-repeat;}
.es {display: block; float: left; margin-right: 5px; vertical-align: middle; width:16px; height:16px; background:url("../images/sprite.png") -115px 0 no-repeat;}

/* E-privacy ribbon */
button.plg_system_eprivacy_reconsider, button.plg_system_eprivacy_accepted {background: #333; color: #fff;}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted p, .plg_system_eprivacy_module div.plg_system_eprivacy_declined p {color: #fff;}

/*Mobile friendly */
@media screen and (max-width: 1170px) {
.module_conseils .module-ct li {line-height: 350%;}
.t3-spotlight-2 .t3-module.module_conseils {height: auto;}
.module-ct .latestnews_latest li {line-height: 350%;}
.nspNext, .nspPrev {height: 48px; width: 48px;}
.nspPrev:before{border:20px solid #ccc;border-top:20px solid transparent;border-bottom:20px solid transparent;margin:3px 0 0 4px}
.nspNext:before{border:10px solid #ccc;border-top:20px solid transparent;border-bottom:20px solid transparent;margin:3px 0 0 4px}
small, .small {font-size: 90%;}
}