.white {color: #fff;}
.ombre {box-shadow: 0 1rem 3rem black;}
.bg-information {background: #fec210;}
h1 {margin-bottom: 20px;}
.moduletable h3 {font-size: 2.2em;}
h3 strong, h2 strong {font-weight: 700; color: #004495; font-size: 1.1em; font-family: "Suwannaphum", Arial, Helvetica, sans-serif; }
#contact h3, #contacthome h3  {color: #fff;}
#contact h3 strong, #contacthome h3 strong  {color: #fec210;}
.petit {font-size: 20px;}
.rond {border-radius: 50%;}
.rotate3 {rotate: -1deg;}
.no-rotate {rotate: 1deg;}
.readmore {text-align: center;}
.readmore a, .readmore a:hover {color: #fff;  background: #004495; padding: 10px;}


.nav-stacked-logo {margin-left: 100px; margin-right: 100px;}
.astroid-logo img {max-width: 260px !important; max-height: 90px !important;}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {padding: 0;}
a.glink img {margin-right: 10px !important;}
.astroid-nav .nav-submenu {margin-top: 15px !important;}
.astroid-component-section {padding-top: 20px !important;}

.astroid-section {position: relative;}

#actualites .nspArt {background: #fff; border-radius: 20px; margin: 5px;}
.nspCol2 {width: 100%;}
@media only screen and (min-width: 769px) {
.nspCol2 {width: calc(50% - 10px); min-height: 420px;}
}

#agenda table {width: 90% !important; align: right !important}
#agenda .event-date {display: flex; height: 80px; width: 80px; justify-content: center; align-items: center; flex-wrap:wrap; margin-left: -40px; }
#agenda .date {font-size: 250%; font-weight: 700;}
#agenda .mois {font-size: 120%; line-height: 0.8em;}
.event-infos {width: 50%;}
.envent-contact {font-size: 90%;}
.event-titre a {font-size: 130%; font-weight: bold; text-decoration: none; color: #002f68;}
.event-lieu-heure {width: 35%; font-size: 90%;}
.mod_events_latest .bg-information {margin-top: 3rem;}

.moduletable.horaires {text-align: center; margin-bottom: 15px;}
.moduletable.horaires a { text-align: center; font-size: 1.5em; padding: 5px 15px; background-color: rgba(0, 0, 0, 0.3); z-index: 6; border-radius: var(--bs-border-radius-xl) !important; color: #fff; text-decoration: none;}
.mod-finder__search.input-group  {justify-content: center;}
#awesomplete_list_1 {z-index: 100;}

#unclic  {margin-top: 140px;}
.unclic-position.moduletable {margin-top: 20px;}
@media only screen and (min-width: 992px) {
	#unclic {height: 90px; border-radius: 20px;  margin-bottom: 40px;}
	.unclic-position.moduletable {margin-top: -60px; z-index: 6;}
}

.tel {font-size: 2em;}
@media only screen and (max-width: 768px) {
	#contacthome {background-color:#002f68c3; padding: 10px;}
	.carte {margin-top: 20px;}
}
@media only screen and (min-width: 769px) {
	#contacthome::before {position:absolute;  bottom:0;  left:0; height:360px; background-color:#002f68c3; width:100%; content:""; -webkit-clip-path:polygon(0% 10%,100% 0%,100% 100%,0% 100%); clip-path:polygon(0% 10%,100% 0%,100% 100%,0% 100%)}
}
@media only screen and (max-width: 768px) {
	#contact {background-color:#004495; padding: 10px;}
	.carte {margin-top: 20px;}
}
@media only screen and (min-width: 769px) {
	#contact::before {position:absolute;  bottom:0;  left:0; height:420px; background-color:#004495; width:100%; content:""; -webkit-clip-path:polygon(0% 10%,100% 0%,100% 100%,0% 100%); clip-path:polygon(0% 10%,100% 0%,100% 100%,0% 100%)}
}

/*annuaires*/
ul.fields-container {list-style: none;}
.contact .field-label {font-weight: bold;}
.logo img {max-height: 250px;}

/* 1 Clic*/
.clic {padding-right: 20px; padding-bottom: 10px; display: inline-block;}
#sante {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") 0 0 no-repeat; transition: transform 1s;}
#sante:hover,#sante:active,#sante:focus{transform : translate(0, -10px);}
#sante span, #demarche span, #dechets span, #cantine span, #mediatheque span, #fb span {display:inline-block; text-indent: -5000px;}
#demarche {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") -129px -0 no-repeat;transition: transform 1s;}
#demarche:hover,#demarche:active,#demarche:focus{transform : translate(0, -10px);}
#dechets {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") -258px -0 no-repeat;transition: transform 1s;}
#dechets:hover,#dechets:active,#dechets:focus{transform : translate(0, -10px);}
#cantine {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") -387px -0 no-repeat;transition: transform 1s;}
#cantine:hover,#cantine:active,#cantine:focus{transform : translate(0, -10px);}
#mediatheque {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") -516px -0 no-repeat;transition: transform 1s;}
#mediatheque:hover,#mediatheque:active,#mediatheque:focus{transform : translate(0, -10px);}
#fb {display:block; width:129px; height:150px; background:url("../../../../../images/astroid_template_zero/sprite.png") -645px -0 no-repeat;transition: transform 1s;}
#fb:hover,#fb:active,#fb:focus{transform : translate(0, -10px);}

.ui.form, .ui.form .field .dropdown, .ui.form .field .dropdown .menu > .item {font-size: 100% !important;}

@media only screen and (min-width: 992px) {
#modules-bottom .astroid-module-position {min-height: 505px; border-radius: 20px;}
}
#modules-bottom h3 { padding: 20px; color: #fff;}
h3.module-titlepanno {background: #00a1e3;}
/*.uk-card-body :not(h3) {padding: 20px; }*/
#modules-bottom .nspMain {padding: 0 20px;}
#passe h3 {background: #004495;}
a.icone-bulletin img:hover {transform: rotate(70deg);}