h1::first-letter {font-weight: 500;  border-radius: 50px; background: #00a1ae; color :#fff; padding: 0 20px;}
h1, h2 {margin-bottom: 1.5rem;}
#contentsection li {margin-bottom: 0.5rem;}
.fa, .gestion .fas, .gestion .far {margin-right: 10px;}

/* Menu*/ 
.aubergine {background-color: #6f1d4e;}
.txt-aubergine {color: #6f1d4e;}
.bordeaux {background-color: #990a3f;}
.lagon {background-color: #00a1ae;}
.jaune {color: #ffb001;}
.header-center-section, .jaune {background-color: #ffb001;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active {background-color: #2e041d; color: #fff;}
.nav-link.item-level-1{padding: 0.5rem 1.2rem;}
.nav-submenu-static > li > a {padding: 0.2rem 1.2rem;}
.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2 {font-size: 120%; color: #6f1d4e; font-weight: 600;}
.nav-item-megamenu .nav-submenu .item-link-heading.item-level-2.active {background: none;}
.astroid-header-section .astroid-header-sticky > div {padding: 0;}
.astroid-mobilemenu-inner ul {margin-left: 0;}
.astroid-mobile-menu .aubergine, .astroid-mobile-menu .bordeaux, .astroid-mobile-menu .lagon {background: none;}
.moduledoc {padding:10px !important; border: 1px solid #ffb001;}
.megamenu-container {background-color: #f9f9f9;}

/*Header section*/
#headersection.astroid-header-section, .astroid-header-sticky{border-bottom: none !important; box-shadow: none !important;}
#astroid-header.astroid-header:not(.astroid-header-sticky) {padding-bottom: 0; padding-top: 10px;}
.astroid-logo img {max-width: 476px; max-height: 130px;}
header .logo-wrapper {margin-bottom: 10px;}
header.astroid-header-sticky .logo-wrapper {margin-bottom: 0;}
header.astroid-header-sticky .container {background: #fff;}
.astroid-logo-sticky {margin-left: 30px;}

/* Actus */
.carousel-control-prev, .carousel-control-next {align-items: baseline; top: 40px; opacity: 0.8; }
.carousel-inner {padding-top: 10px;}
.carousel-indicators {top: 0; height: 30px; bottom: auto;}
.moduletable.actus .module-title {background: url("../../../images/sprite.png") -447px -363px no-repeat; padding: 0 0 0 60px;font-size: 210%;}
.carousel-indicators [data-bs-target] {background-color: #6f1d4e !important;}

/* Annuaires */
ul.fields-container {list-style:none ; padding-left: 0;}
#contentsection .field-entry.adresse {margin-bottom: 0;}

/* Bottom section*/
#bottomsection {padding-bottom: 10px; padding-top: 30px;}
#bottomsection .moduletable {padding: 20px; margin-bottom: 20px; height: 292px;}
#bottomsection .moduletable .module-title {color: #fff; font-size: 180%;}
.latestnews_articles.mod-list li {list-style-type: none; margin-bottom: 8px;}
.latestnews_articles a {color: #fff;}
ul.latestnews_articles {margin-left: 0;}
.custombulletin {padding-top: 30px;}
.custombulletin 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;}
.custombulletin 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;
 }
 .custombulletin 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);
 }

/* Footer section*/
#footersection h2 {text-align: center; color: #fff; font-size: 250%; border-bottom: 3px solid #fff;}
#footersection h3 {text-align: center; color: #fff;}

/*Gtranslate et fb*/
.moduletable.transl {margin: 0 20px; padding: 0;}
a.flag {margin-left:5px; margin-right: 5px; display: inline-block;}
a.flag img {border: 2px solid #fff; background-color: #fff; border-radius: 3px;}
.fa-facebook-f {font-size: 1.3em; padding-top: 5px;}

/* A l'affiche */
.moduletable.latest {margin-bottom: 0; line-height: 1.5em;}
.moduletable.latest .module-title {background: url("../../../images/sprite.png") -447px -322px no-repeat; padding: 0 0 0 60px;font-size: 210%;}
.moduletable.latest td {border: none;}
.moduletable.latest .date, .moduletablelatest .date {padding: 5px 10px; border: none; background: #990a3f; color: #fff; line-height: 1; text-align: center;}
.moduletable.latest .mois, .moduletablelatest .mois {padding: 5px 10px; border: none; background: #6f1d4e; color: #fff; line-height: 1; text-align: center;}
.jourdate {padding: 0;}
.jour {font-size: 90%; margin-right: 5px;}
.num {font-size: 200%;}
.triangle {display : inline-block; height : 0; width : 0; border-top : 10px solid #990a3f; border-right : 10px solid transparent; border-left : 10px solid transparent; margin-bottom: 10px; margin-left: 40%;}
.mois {font-size: 200%; text-transform: uppercase;}
.infos {padding: 0; margin-top: -10px;}
.titre a {font-size: 120%; font-weight: bold;}
h4.tout_agenda, h4.toute_actu {float: right; padding: 5px; margin-right: 20px;}

	/*liste*/
	.jev_catselect td {border: none;}
	.jevbootstrap table tbody tr {display: inline-block; width:240px;  padding: 0;}
	.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: #ffb001; padding-left: 0 !important; height: 270px;}
	.jourheure {padding: 3px 3px 3px 6px; background: #6f1d4e; 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;}
	.ev_ul .titre {text-transform: uppercase; text-align: center; font-size: 110%; font-weight: bold; margin-bottom: 7px; height: 45px; padding: 8px;}
	.ev_ul .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: #ffb001; padding: 20px; margin-bottom: 20px;}
	#jevents_body .contentpaneopen div.info {line-height: 2em;}
	.info .fa {margin-right: 10px;}
	.suite {padding-left: 8px;}
	
/* 1 Clic*/
.clic {padding-right: 0; padding-bottom: 20px; display: inline-block;}
.clic .module-title {background: url("../../../images/sprite.png") -447px -404px no-repeat; padding: 0 0 0 60px;font-size: 210%;}
#urgences {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") 0 -20px no-repeat;}
#urgences:hover,#urgences:active,#urgences:focus{background-position:0 -145px;}
#urgences span, #dechets span, #cantine span, #associations span, #demarches span, #transports span, #ot span, #camping span {display:inline-block; text-indent: -2000px;}
#dechets {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -112px -20px no-repeat;}
#dechets:hover,#dechets:active,#dechets:focus{background-position:-112px -145px;}
#cantine {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -224px -20px no-repeat;}
#cantine:hover,#cantine:active,#cantine:focus{background-position:-224px -145px;}
#associations {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -336px -20px no-repeat;}
#associations:hover,#associations:active,#associations:focus{background-position:-336px -145px;}
#demarches {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -448px -20px no-repeat;}
#demarches:hover,#demarches:active,#demarches:focus{background-position:-448px -145px;}
#transports {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -560px -20px no-repeat;}
#transports:hover,#transports:active,#transports:focus{background-position:-560px -145px;}
#ot {display:block; width:112px; height:125px; background:url("../../../images/sprite.png") -672px -20px no-repeat;}
#ot:hover,#ot:active,#ot:focus{background-position:-672px -145px;}

/* Dernières publications*/
ul.latestnews.mod-list {margin-left: 0;}
.latestnews.mod-list li {list-style-type: none; margin-bottom: 8px;}
	
/*Sprite*/
.carte {display: block; margin-left: auto; margin-right: auto; width:223px; height:178px; background:url("../../../images/sprite.png") 0 -288px 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; float: left; width:185px; height:88px; background:url("../../../images/sprite.png") -223px -288px 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-fb {display: block; float: left; margin-right: 5px; vertical-align: middle; width:34px; height:34px; background:url("../../../images/sprite.png") -447px -288px 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;}
.fleched {display: block; float: left; margin-right: 10px;width:13px; height:20px; background:url("../../../images/sprite.png") -447px -445px no-repeat;}
	
.thumbnail {border: none; box-shadow: none;}
.btn.btn-primary {background-image: none;}