/*BODY*/
body {font-family: "Open Sans",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: #524b4a;}
.t3-mainbody .container.chronopage {background: #fff;}
.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: #f9b400; padding-top: 0; padding-bottom: 0;}
.t3-spotlight-2 .mairie {margin-top: 10px; margin-bottom: 10px;}
.t3-footer, .t3-footnav .t3-module {background: #a7372c; border: none; color: #fff;}
.t3-copyright  {background: #88271e; 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: 160px; 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: #322f2f;}
a {color: #a7372c;;}
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: #333;}
.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: #a7372c; 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 15px; text-align: center; color: #fff; font-size: 140%; 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 {color: #f9b400;}

/*Modules dans megamenu*/
.t3-megamenu .t3-module.module_moduledoc {background: #88271e; 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: #a7372c;}

.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;}

/* Gestion */
.t3-sidebar-right .module-title {padding: 0 0 20px 0; color: #fff; font-size: 200%; border-bottom: 5px solid #f9b400;}
.t3-sidebar-right .nav-pills > li > a {color: #fff;}
.t3-sidebar-right .nav-pills > li > a:hover {color: #333;}

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

/* Actualites */
.module_actu .module-title {background : none; padding: 20px 20px 20px 0; color: #333; font-size: 250%; margin-bottom: 20px; border-bottom: 5px solid #f9b400;}
.module_actu .module-ct {}
.module_actu a.readon {color: #333; background: #f9b400; 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*/
.t3-module.module_bread {margin-bottom: 10px; font-size: 80%;}

/* 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 0 no-repeat;}
#sante:hover,#sante:active,#sante:focus{background-position:0 -120px;}
#sante span, #demarches span, #enfance span, #associations span, #urgences span, #cantine span {display:inline-block; text-indent: -5000px;}
#demarches {display:block; width:115px; height:120px; background:url("../images/sprite.png") -115px 0 no-repeat;}
#demarches:hover,#demarches:active,#demarches:focus{background-position:-115px -120px;}
#enfance {display:block; width:115px; height:120px; background:url("../images/sprite.png") -230px 0 no-repeat;}
#enfance:hover,#enfance:active,#enfance:focus{background-position:-230px -120px;}
#associations {display:block; width:115px; height:120px; background:url("../images/sprite.png") -345px 0 no-repeat;}
#associations:hover,#associations:active,#associations:focus{background-position:-345px -120px;}
#urgences {display:block; width:115px; height:120px; background:url("../images/sprite.png") -460px 0 no-repeat;}
#urgences:hover,#urgences:active,#urgences:focus{background-position:-460px -120px;}
#cantine {display:block; width:115px; height:120px; background:url("../images/sprite.png") -575px 0 no-repeat;}
#cantine:hover,#cantine:active,#cantine:focus{background-position:-575px -120px;}

/* A l'affiche */
.module_latest h3.module-title {padding: 0 0 20px 0; color: #fff; font-size: 200%; border-bottom: 5px solid #f9b400;}
.module_latest tr, .module_latest .mod_events_latest_table tr {color: #fff; 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;}
.event-date {float: left;width: 80px; height: 80px; background: #fff; text-align: center; line-height:1; color: #524b4a; font-family: "Julius Sans One",Helvetica,Arial,sans-serif; margin-right: 5px;}
.event-infos {float: left; min-height: 80px; padding-left: 5px; background: none; color: #fff;}
@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: #fff; font-weight: bold;}
.event-contact {float: left; font-size: 90%; 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%;}
	/*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: #f9b400; padding-left: 0 !important; height: 270px;}
	.jourheure {padding: 3px 3px 3px 6px; background: #a7372c; 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: #135f8c; font-weight: 500; line-height: 1.5;}
	.desc {padding: 8px; font-size: 85%;}

	/*détail*/
	.jev_evdt_title {color: #524b4a;}
	.cartouche {background: #f9b400; padding: 20px; color: #524b4a; 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 a {color: #fff;}

/* Spotlight 2 */
.t3-spotlight-2 .t3-module {padding: 0; margin-bottom: 0; height: 250px; background-color: #a7372c; color: #fff;}
.t3-spotlight-2 .module-title {color: #fff; font-size: 180%; padding: 15px; margin-bottom: 0;}
.t3-spotlight-2 .module_bulletin {background: url("../images/bulletin_bg.png") -30px -20px no-repeat #a7372c;}
.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: #fff; font-size: 120%; color: #333; 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*/
.logo-blanc {display: block; margin-left: auto; margin-right: auto; margin-top: 100px; width:250px; height:123px; background:url("../images/sprite.png") 0 -240px no-repeat;}
.tel-icone {display: block; margin: 12px 24px 30px 0px; float: left; width:20px; height:20px; background:url("../images/sprite.png") -27px -363px no-repeat;}
.adr-icone {display: block; margin: 10px 30px 30px 0px; float: left; width:14px; height:20px; background:url("../images/sprite.png") -13px -363px no-repeat;}
.logo-cc {display: block; margin-left: auto; margin-right: auto; margin-top: 110px; width:186px; height:88px; background:url("../images/sprite.png") -250px -240px no-repeat;}
.carte29 {display: block; margin: 0 auto; width:223px; height:178px; background:url("../images/sprite.png") -436px -240px no-repeat;}
.fleched {display: block; float: left; margin-right: 10px;width:13px; height:20px; background:url("../images/sprite.png") 0 -363px no-repeat;}
.logo-tkn {display: block; float: left; margin-right: 5px; vertical-align: middle; width:17px; height:20px; background:url("../images/sprite.png") -47px -363px no-repeat;}

/* E-privacy ribbon */
.cookietable{position:relative;margin-top:10px;width:100%;height:200px;display:block;clear:both;float:left;overflow:scroll}
.cookietable table{border-collapse:collapse;margin:0 auto}
.cookietable tr:nth-of-type(odd){background:#eee}
.cookietable td,.cookietable th{padding:10px;border:1px solid #ccc;text-align:left}
.cookietable th{position:sticky;top:0;background:#555;color:#fff;font-weight:700}
.cookietable td{color:#000}
.activebar-container{margin:0;display:block;position:fixed;top:0;left:0;width:100%;height:auto;z-index:9999;overflow:hidden;overflow-x:hidden}
.activebar-container p{display:block;overflow:hidden}
.activebar-container {background-color:#eee;border-bottom:1px solid #000000;color:#000;}
.activebar-container p {margin:5px;text-align:left;}
.activebar-container button {float:right;clear:none;margin:5px 10px;padding:5px 10px;}
.activebar-container button.decline {color: #ffffff; background-color: #d9534f;border-color: #d43f3a;border-radius: 4px;}
.activebar-container button.accept {color: #ffffff; background-color: #5cb85c;border-color: #398439;border-radius: 4px;}
.activebar-container button.accept:hover {background-color: #449d44; border-color: #398439;}
.activebar-container button.decline:hover {background-color: #c9302c; border-color: #ac2925;}
.activebar-container ul.links,.activebar-container ul.links li {display:block;}
.activebar-container ul.links li {margin:0 5px;float:left;clear:none;}
button.plg_system_eprivacy_reconsider, button.plg_system_eprivacy_accepted {background: #333;}

a.glink {margin-left: 8px;}