/*
Theme Name:  Attraptemps
Theme URI:   http://starterdivi.kinsta.cloud
Version:     1.0
Description: Theme Enfant Divi
Author:      adminAT66
Author URI:  http://starterdivi.kinsta.cloud
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

h2 span {font-weight: bold;}
.encart-oui h4 {font-weight: bold;}

/* Menu */

#info-header .et_pb_blurb_container {
	padding-left: 5px !important;
}

#info-header .et_pb_module_header{
	padding-bottom: 5px;
}

#info-header .social-menu {
    position: absolute;
    right: 8px;
    top: 0;
}

.social-menu img {
    margin-bottom: 5px;
}



#top-menu .dmm-dropdown-ul li a, .dmm-dropdown-ul li a {
	border-top: initial !important;
  padding: 0px 12px !important;
  text-transform: uppercase;
  font-weight: bold;
}

#top-menu .de-mega-menu .et_pb_column .dmm-dropdown-ul .sub-menu, #top-menu .dmm-dropdown-ul li .sub-menu, .de-mega-menu .et_pb_column .dmm-dropdown-ul .sub-menu, .dmm-dropdown-ul li .sub-menu {
    background-color: transparent !important;
}

.de-mega-menu .et_pb_column {
    padding: 30px !important;
}

.de-mega-menu .dmm-dropdown-ul li .sub-menu {
    width: 300px !important;
    left: 0px !important;
    position: relative;
    height: 0px;
}

.de-mega-menu .dmm-dropdown-ul li .sub-menu {
    width: 300px !important;
}

/*#mairie.de-mega-menu .dmm-dropdown-ul li .sub-menu {
    width: 300px !important;
    right: -300px !important;
}*/

.de-mega-menu .dmm-dropdown-ul li.menu-item-has-children:hover .sub-menu {
    height: initial !important;
}

.de-mega-menu .dmm-dropdown-ul li .sub-menu li {
    padding: 2px;
}

.dmm-dropdown-ul ul.sub-menu a {
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: initial !important;;
    padding: 0px 0px 0px 35px;
}

#menu-top.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu {
    position: relative;
    margin-top: -33px;
}

#menu-top.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu .et_pb_column--with-menu{
	position: absolute;
	max-width: 1100px;
}

#menu-top nav.et-menu-nav {
	width: 1029px;
}

@media only screen and (min-width: 1279px) and (max-width: 1281px) { 

#menu-top.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu .et_pb_column--with-menu{
	position: absolute;
	max-width: 1000px;
}

	#menu-top nav.et-menu-nav {
	width: 883px;
	}

	#menu-top.et_pb_row.et_pb_row_1_tb_header.et_pb_row--with-menu {
    position: relative;
    margin-top: -48px;
}

.et_pb_blurb_0_tb_header.et_pb_blurb {
    margin-left: 7px;
}

}


button.et_pb_menu__icon.et_pb_menu__search-button {
    color: #fff !important;
    background: #A8BCD1;
    margin: 0px;
    width: 40px;
}

.et_pb_menu__search-button:after {
    margin: auto;
    font-weight: bold;
}

form.et_pb_menu__search-form {
    padding-left: 30px;
}

#menu-top ul#menu-navigation {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

#menu-top a:after {
    display: none;
}

#menu-top a {
    padding: 0px !important;
    color: #fff;
    text-transform: uppercase;
		text-align: center;
    margin: auto;
}

#menu-top a:hover,
#menu-top li.megamenu-show a {
	opacity: 1 !important;
	font-weight: bold;
}

#menu-top a:hover:after,
#menu-top li.megamenu-show a:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	bottom: -3px !important;
	top: initial;
}

#menu-top ul.dmm-dropdown-ul .menu-item-has-children:hover>a:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	bottom: -3px !important;
	top: initial;
}

#menu-top ul.dmm-dropdown-ul .menu-item-has-children:hover>a:after {
    content: "\34" !important;
}

li.menu-item {
    flex: 1 1 0;
		margin-top: 0px !important;
		padding: 10px 0px;
}

li.mairie {
    background: #F4CC00;
}
li.mes-demarches {
    background: #004795;
}
li.ville {
    background: #DC301C;
}
li.sortie {
    background: #9E2113;
}
li.un-clic {
    background: #F18254;
}

/* Footer */

footer li.menu-item {
    padding: initial;
		padding-left: 0px !important;
}

/* 1ere section des pages */
#main-content .et_pb_section:first-child {
    padding-top: 0px;
}

#main-content .et_pb_section:first-child .et_pb_row:first-child {
    padding-top: 0px;
}

/* Menu Interne Page */

.menu-interne a {
    color: #004795;
    text-transform: uppercase;
}

a.top-parent {
    font-size: 30px;
    font-weight: bold;
    line-height: 43px;
		position: relative;
}

a.top-parent:after {
    content: '';
    display: block;
    height: 5px;
    background: #F4CC00;
    position: absolute;
    width: 100%;
		margin-top: 10px;
}

ul.subpages {
	padding-left: 0px;
	margin-top: 60px;
}

ul.subpages li {
    list-style: none;
		margin-bottom: 15px;
}

ul.subpages li.page_item a:hover {
    font-weight: bold;
}

ul.subpages li.page_item a {
    font-size : 20px;
}

ul.subpages li.page_item a:hover:after {
    content: '\35';
    font-family: 'ETmodules';
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* Boutons */
.et_pb_button:hover:after {
	color : #fff;
}

/* Accueil - Profil & Demarches links */
.wrapper-grid-picto{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 159px 159px 159px;
    grid-template-rows: 117px 117px;
}

.wrapper-grid-picto a {
	color: #fff;
}

.wrapper-grid-picto.profil a {
    background: #F4CC00;
}
.wrapper-grid-picto.demarches a {
    background: #004795;
}

.grid-picto-link {
	min-height: 100%;
	padding: 10px;
	text-align : center;
}

.grid-picto-link img {
    display: block;
	margin: auto;
	margin-bottom: 6px;
	max-width: 50px;
    height: 50px;
}

.grid-picto-link span {
    text-transform: uppercase;
    font-size: 16px !important;
    line-height: 18px !important;
    max-width: 130px !important;
    margin: auto;
    margin-top: 10px;
    height: 40px;
    position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.grid-picto-link span p {
    font-weight: bold;
    font-size: 14px;
}


/* Accueil - Événements */

.event {
    width: 25%;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.event:hover {
    box-shadow: 0px 5px 5px #00000033;
    transform: scale(1.05);
}

.event img {
    display: block;
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.event .item-info {
    display: block;
    box-shadow: initial;
}

.event:nth-child(even) .item-info {
    background-color: #E3E2E2;
}

/* Accueil - Publications */

.publications-slider.slick-slider {
	max-width: 450px;
	margin: auto;
}

.slick-center {
  transform: scale(1);
}
.publication.slide {
	 padding-bottom: 10px;
}

.slick-slide:not(.slick-active) {
  margin: 50px 0 0 0;
}

.slide:not(.slick-active) {
  cursor: pointer;
}

.item-info {
    background-color: #F0F0F0;
    box-shadow: 0px 5px 5px #00000033;
		padding: 25px;
		text-align: center;
		display: none;
}

.item-info h3 {
	font-size: 15px;
	font-weight: bold;
}

.item-info .date {
	margin-bottom: 6px;
	color: #7B7B7B;
}

.slick-slide.slick-active .item-info {
    display: block;
}

.slick-prev, .slick-next {
    width: 50px;
    height: 50px;
}

.slick-next {
    right: -50px !important;;
}

.slick-prev {
    left: -50px !important;;
}

.slick-prev:before, .slick-next:before {
    font-family: 'ETmodules';
    opacity: 1;
    color: #0B1F34;
		font-size: 50px !important;
}

.slick-prev:before {
	content: '\34';
}

.slick-next:before {
	content: '\35';
}


/* Accueil - Actu */
.wrapper-actu-home {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 50% 50%;
    grid-template-rows: 230px 230px 230px;
}

.img-actu-container {
	width: 50%;
  	height: 230px;
	overflow: hidden;
	display: inline-block;
}
.img-actu {
	background-repeat : no-repeat;
	background-size : cover;
	background-position : center;
	width: 100%;
  height: 100%;
	transition: all .5s;
}

.box-actu {
	cursor: pointer;
	max-height: 230px;
}

.box-actu:hover .img-actu,
.box-actu:focus .img-actu {
	  transform: scale(1.2);
}

.box-actu {
    background: #F0F0F0;
}

.box-actu .item-info {
    background-color: initial;
    box-shadow: initial;
		padding: 30px;
		text-align: left;
		display: inline-block;
		width: 50%;
		height: 230px;
    float: right;
}
.box-actu h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

.box-actu a p {
	color: #7B7B7B;
}


.box-actu.une-cat {
    max-height: 475px !important;
}

.box-actu.une-cat .img-actu-container {
    width: 100%;
}

.box-actu.une-cat .item-info {
		display: block;
		width: 100%;
		height: 230px;
		float: initial;
}

.une-cat .item-info:before {
    content: "À la une";
    text-transform: uppercase;
    display: block;
    background: #004795;
    padding: 6px 13px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 211px;
    left: 30px;
}

	.a-actu {
		grid-column: 1;
		grid-row: 1 / 3;
	}
	.b-actu {
		grid-column: 2 ;
		grid-row: 1 ;
	}
	.c-actu {
		grid-column: 2 ;
		grid-row: 2 ;
	}
	.d-actu {
		grid-column: 1;
		grid-row: 3;
	}
	.e-actu {
		grid-column: 2;
		grid-row: 3;
	}

/* Accueil - Galerie */
.wrapper-galerie-home {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 60% 40%;
    min-height: 380px;
		transition: 0.5s all;
		cursor: pointer;
}

.wrapper-galerie-home:hover {
    filter: brightness(0.8);
}

.box {
	background-repeat : none;
	background-size : cover;
	background-position : center;
}

	.a {
		grid-column: 1;
		grid-row: 1;
	}
	.b {
		grid-column: 2 / 4 ;
		grid-row: 1 ;
	}
	.c {
		grid-column: 1 / 3 ;
		grid-row: 2 ;
	}
	.d {
		grid-column: 3;
		grid-row: 2;
	}


	/* Modèle page - pavé enfants*/
	.et_pb_column.et_pb_column_1_3.subpages {
    background: #004795;
    padding: 40px 20px;
    margin: 10px 50px;
    width: 300px;
	cursor: pointer;
}

.et_pb_column.et_pb_column_1_3.subpages:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
	transition: all 0.3s ease;
    background-color: rgba(71, 82, 93, 0.65);
}

.et_pb_column.et_pb_column_1_3.subpages:hover:after {
    background-color:  rgba(71, 82, 93, 0.45);
}

.et_pb_column.et_pb_column_1_3.subpages .et_pb_text_inner {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
	z-index: 1;
    position: relative;
}

/*Page Galerie */

/* clear fix */
.photo-gallery-item:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.photo-gallery-item {
	width: 32%;
}

.photo-gallery-item {
	float: left;
	margin-bottom: 10px;
}

.photo-gallery-item img {
	display: block;
	max-width: 100%;
	cursor: pointer;
}

.photo-gallery-item img:hover {
	opacity: 0.6;
	transition: all 0.3s ease-in-out;
}

.lg-backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(5px);
}

/* Page Événements */

form#search-filter-form-633 ul {
    padding-left: 0px;
}


form#search-filter-form-633 ul li {
    display: inline-block;
}

form#search-filter-form-633 ul li:first-child {
    margin-right: 25px;
}

form#search-filter-form-633  input {
    background-image: url(/wp-content/uploads/2021/04/Icon_Agenda_Black.svg);
    background-position: 145px center;
    background-repeat: no-repeat;
    padding: 5px 16px;
    border: solid 1px #0B1F34;
    width: 175px;
		cursor: pointer;
}

form#search-filter-form-633  input::placeholder {
    color: #0B1F34;
    font-size: 15px;
    text-transform: uppercase;
}

.ll-skin-melon .ui-widget {
    background: #004795;
}

.ll-skin-melon td .ui-state-active {
    background: #F4CC00;
}

.ll-skin-melon .ui-datepicker th {
    color: #fff;
}

.ll-skin-melon td .ui-state-default {
    color: #666;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
}

.events-list {
    display: inline-flex;
}

.events-list .event {
    width: 32%;
    display: inline-grid;
    transition: all 0.3s ease;
    cursor: initial;
    margin-right: 20px;
}

span.date:before {
    content: '\e023';
    color: #0B1F34;
    margin-right: 10px;
    font-family: 'ETmodules';
}

.events-list .event .item-info{
	background-color: initial;
	text-align: left;
}

.events-list .event:hover {
	box-shadow: initial;
	transform: initial;
}

.events-list .event h2 {
    font-size: 20px;
		margin-top: 8px;
}

.events-list .event p {
    color: #7B7B7B;
}

.events-list a.et_pb_more_button.et_pb_button {
    color: #fff;
    background-color: #004795;
    font-size: 12px;
    border: none;
    padding: 6px 20px;
}

.events-list .et_pb_button:hover, .events-list .et_pb_module .et_pb_button:hover {
    border: initial;
    padding: initial;
}

.events-list .event .et_pb_button:after {
	opacity: 0 !important;
	position: absolute;
	top: 3px;
	right: -1px;
}

.events-list .event .et_pb_button:hover:after {
	opacity: 1 !important;
}

/* Page Annuaire */
.cat-list {
    color: #fff;
}

div#filteredmap h2 {
    font-size: 18px;
}

a.dmach-acf-value {
	color: #fff;
	text-decoration : underline;
}


/*************************/
/***** RESPONSIVE *******/
/************************/

@media (max-width: 980px) {
	
	
	/* Mobile Menu */
	/* On cache "Menu Principal" du menu Mobile / Injecté par Mobile Menu de Divi Engine */ 
	nav.menu-side {
    	display: none;
	}
	
	.divi-mobile-menu .menu-wrap__inner {
    	padding: 80px 20px 20px 20px !important;
	}
	
	.divi-mobile-menu .et-waypoint:not(.et_pb_counters) {
    	opacity: 1;
	}
	
	.divi-mobile-menu .fade-in.menu-wrap__inner {
    	background-color: #fff;
	}
	
	.divi-mobile-menu #dm_nav .dmm-dropdown-ul {
    	max-width: 80%!important;
	}
	
	#dm_nav .menu-wrap__inner .menu-item-has-children > a:after {
    	top: 0px !important;
		right: 0px !important;
	}
	
	#dm_nav .menu-wrap__inner .menu-item-has-children .menu-item-has-children > a:after {
		top: 15px !important;
	}
	
	#dm_nav .menu-wrap__inner .menu-item-has-children.visible > a:after {
   		margin-top: 0px !important;
    	transform: none !important;
    	top: 0px !important;
	}	
	
	/* Actu Home */
	.wrapper-actu-home {
    grid-template-columns: 100%;
    grid-template-rows: 230px;
	}
	
	.box-actu .item-info {
    width: 100%;
	}

	.box-actu {
    max-height: initial;
	}
	
	.img-actu-container {
    width: 100%;
	}
	
	.a-actu {
		grid-column: 1;
		grid-row: 1 / 3;
	}
	.b-actu {
		grid-column: 1;
		grid-row: 3/5;
	}
	.c-actu {
		grid-column: 1;
		grid-row: 5 / 7;
	}
	.d-actu {
		grid-column: 1;
		grid-row: 7 / 9;
	}
	.e-actu {
		grid-column: 1;
		grid-row: 9 / 11;
	}
	
	/* Events Home */
	.event {
    	width: 50%;
    	display: inline-block;
    	transition: all 0.3s ease;
    	cursor: pointer;
	}
		
	/* SubPages Bloc */
	.et_pb_column.et_pb_column_1_3.subpages {
    	margin: 10px 3px;
	}
	
	/* Page Événements */
	.events-list .event {
    	width: 45%;
	}
	
	/* Page Galerie */
	.lg-toolbar.lg-group {
    	position: absolute;
    	top: 70px;
	}
	
	/* Page Nos Actualités */
	.loop-post-archive .et_pb_column.et_pb_column_1_2 {
    	margin-bottom: 0px !important;
	}
	
	.loop-post-archive .et_pb_column.et_pb_column_1_2 h2,
	.loop-post-archive .et_pb_column.et_pb_column_1_2 p {
    	padding: 20px;
	}
	
	.loop-post-archive .et_pb_de_mach_title {
    margin-bottom: 0px !important;
}

}

@media (max-width: 480px) {

	
/* Events Home */
.event {
    width: 100%;
    margin-bottom: 10px;
}	
	
/* Profil et Démarches */
	.wrapper-grid-picto {
    grid-template-columns: 140px 140px;
	}
	
/* Galerie */
	.wrapper-galerie-home {
    min-height: 300px;
}
	
	/* SubPages Bloc */
	.et_pb_column.et_pb_column_1_3.subpages {
    	margin: 10px 0px;
	}

	/* Page Événements */
	.events-list {
    display: inline-block;
	}	
	
	.events-list .event {
    width: 100%;
    display: block;
    margin-right: initial;
	}
	
	/* Galerie */
	/* ---- .grid-item ---- */

.grid-sizer,
.photo-gallery-item {
	width: 44%;
}

}