/* --- FEUILLE DE STYLE --- */

/* ////////////////////////////////////////////////////////////////////////////

	Mondeville // CSS
	NetConception 2021

	RESPONSIVE & MEDIA
	
//////////////////////////////////////////////////////////////////////////// */

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) { /* the device cannot hover over elements */ }

@media (min-width: 1921px) {

}



	
@media (max-width: 1200px) {
	
	.mag {
		width: 48%!important;
	}
}

	
@media (max-width: 650px) {
	
	.mag {
		width: 98%!important;
	}
	
	.mtr-cell-content{
		color:black!important;
		/*
		text-align:left!important;
		width:100!important;
		/*font-weight:bold!important;
		/**/
	}
	body .page-container table.mtr-table .mtr-cell-content{
		text-align:left!important;
		max-width:100%!important;
		width:100%!important;
	}
	
	.mtr-table td[data-mtr-content]:before, .mtr-table th[data-mtr-content]:before{
		font-size: clamp(1.6rem, 0.9vw, 1.6rem);
		font-weight: 600;
		letter-spacing: 0.5px;
		line-height: 1.4;
		font-family: Arial, sans-serif;		
		text-align:center!important;
		max-width:100%!important;
		width:100%!important;
		background: #f9f9f9;
		border-bottom:1px solid #cecece;
		padding:5px;
	}
	.mtr-table td *, .mtr-table th *,.mtr-table td li, .mtr-table th li{
		font-size: clamp(1.6rem, 0.9vw, 1.4rem);
		letter-spacing: unset;
	}
	.mtr-cell-content ul{
		padding-left:0px;
		margin-left:25px;
	}
}


	
@media (max-width: 515px) {
	
	.wordpress-editor table  {
		display: block!important;
		width:100%!important;
		/*border:1px solid blue!important;*/
		height:auto!important;
	}	
	.wordpress-editor table thead {
		display: none;
	}
	.wordpress-editor table tbody{
		display: block!important;
		width:100%!important;
		/*border:1px solid green!important;*/
		height:auto!important;
	}
	.wordpress-editor table tr{
		display: block!important;
		width:100%!important;
		/*border:1px solid green!important;*/
		height:auto!important;
	}
	.wordpress-editor table td {
		display: block!important;
		width:100%!important;
		/*border:1px solid red!important;*/
		height:auto!important;
	}
	
	.grilleElus, .grilleElus ul, .grilleElus li{
		display: block!important;
		width:100%!important;
		/*border:1px solid red!important;*/
		height:auto!important;
		
	}


}


@media (max-width: 1441px) {
	/* XL: big landscape tablets, laptops, and desktops */
	.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.page-container {
		width: 100%;
		padding: 0 40px;
		padding: 0 clamp(20px, 2.1vw, 40px);
	}
	.home-container .agenda-section,
	.home-container .actus-section,
	.home-container .unclic-section,
	.home-container .medias-section,
	.home-container .kiosque-section,
	.home-container .aladdin-section {
		width: calc(33.33% - 20px);
		flex: 0 0 calc(33.33% - 20px);
	}
	
	.header-infos button span{
		display: none;
	}
}

@media (max-width: 1281px) {
	.actus-item__link::before {
		display: none;
	}
	.side-content {
		width: 300px;
	}
	.lampeAladdin{
		max-height:20px;
		right:-30px;
	}
}

@media (max-width: 1025px) {
	.listeSousMenu {
		display: none;
	}
	
	/* FOOTER */
	.footer-line-l {
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.link-icon__contact {
		order: 2;
	}
	.link-icon__phone {
		order: 3;
	}
	.footer-line-l .link-icon__home {
		order: 1;
		width: 100%;
		text-align: center;
		margin: 0 10px 10px 10px;
	}
	.link-icon__adresse {
		order: 4;
	}
	.rs-section {
		order: 5;
		flex-direction: column;
	}
	.rs-section .label {
		margin-left: 0;
		margin-top: 5px;
	}
	.link-icon {
		flex-direction: column;
	}
	.link-icon > * + * {
		margin-left: 0;
		margin-top: 5px;
		text-align: center;
	}
	.link-icon__horaires .footer-horaires {
		margin: 0;
	}
	.footer-horaires .bold {
		width: unset;
	}
	.footer-horaires span {
		line-height: 1.5;
	}
	.footer-horaires > * {
		justify-content: center;
		margin: 10px 0;
	}
	.footer-line.links {
		flex-direction: column;
	}
	.footer-line.links ul > * {
		margin: 5px;
	}
	.footer-line-l > * {
		margin: 10px;
	}
	.topbar {
		padding: 10px 20px;
	}
	.action-menu-resp {
		display: flex;
	}
	.home-col {
		flex-wrap: wrap;
	}
	.home-container .unclic-section,
	.home-container .aladdin-section {
		order: 1;
		width: calc(100% - 20px);
		flex: 0 0 calc(100% - 20px);
		max-width: unset;
		margin-bottom: 40px;
		margin-bottom: clamp(20px, 2.1vw, 40px);
		padding-top: 0;
	}
	.home-container .actus-section,
	.home-container .kiosque-section {
		order: 2;
		width: calc(50% - 20px);
		flex: 0 0 calc(50% - 20px);
		max-width: unset;
	}
	.home-container .agenda-section,
	.home-container .medias-section {
		order: 3;
		width: calc(50% - 20px);
		flex: 0 0 calc(50% - 20px);
		max-width: unset;
	}
	.home-container .unclic-liste {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.home-container .unclic-item__link {
		padding: 5px;
	}
	.home-container .unclic-item__link-icon {
		flex: none;
	}
	.home-container .unclic-item__link-label {
		margin-top: 5px;
	}
	.actus-item__image {
		display: block;
	}
	.aladdin-liste {
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 -5px;
	}
	.aladdin-item {
		flex: unset;
		width: calc(50% - 10px);
	}
	.aladdin-item__link {
		/*
		height: 100%;
		*/
	}
	.aladdin-item__label {
		height: 100%;
		align-items: center;
	}
	.aladdin-liste > * {
		margin: 2px 5px;
	}
	.aladdin-item:nth-child(odd) .aladdin-item__numero {
		background-color: #E1007A;
	}
	.aladdin-item:nth-child(4n) .aladdin-item__numero,
	.aladdin-item:nth-child(4n+1) .aladdin-item__numero {
		background-color: #A0A1A3;
	}
	.page-container {
		flex-direction: column-reverse;
	}
	.page-content{
		margin-bottom: 0;	
	}
	
	.side-content {
		/*display: flex;
		margin-top: 40px;
    	margin-top: clamp(20px, 2.1vw, 40px);*/
		display: block;
		width: 100%;
		margin-right: 0;
		margin-top: 0px;
	}
	.unclic-section{		
		margin-top: 40px;
    	margin-top: clamp(20px, 2.1vw, 40px);
	}
	.side-content .unclic-liste {
		height: 100%;
	}
	.secondary-nav {
		/*width: 50%;*/		
		width: 100%;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.side-content .unclic-section {
		display: flex;
		flex-direction: column;
	}
	.side-content .unclic-liste {
		height: auto;
	}
	.side-content .unclic-item {
		height: auto;
	}
	
	.actus-section-lateral{
		margin-top: -5px;
		margin-left: 30px;
	}
	
}

@media (max-width: 1049px) {

	figure blockquote:before{
		content: '📌';
		top: -2px;
		font-size: 30px;    
		-moz-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
		-ms-filter: fliph; /*IE*/
		filter: fliph; /*IE*/
	}

@media (max-width: 801px) {
	
	

	.liste_medias .media {
		clear:both;
		height:270px!important;
		width:100%;
		margin: 0 0 clamp(20px, 2.1vw, 40px) 0;
		float:left;
	}
	
	
	.actus-section-lateral{
		margin-top: 30px;
		margin-left: 0px;
	}
	/* M: portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	
	.zoomImage{
		pointer-events: none;
		cursor: default;
	}
	
	.imageActuDetail{
		float:none;
		width:100%;
		max-height:100%;
		max-width:100%;
		height:auto;
		margin:00px 00px 10px 00px;
	}
	
	.responsiveOnly{
		display:block;
	}
	.desktopOnly{
		display:none;
	}
	
	
	.lampeAladdin{
		max-height:20px;
	}
	
	#target_horaires .horaires{
		padding-left: 10px;	
	}
	.boutons_partage {
		position: absolute;
		bottom: -40px;
		right: 0;
		float: none;
		margin: 0;
	}
	#breadcrumb {
		position: relative;
		padding: 0;
		margin-bottom: 40px;
	}
	.breadcrumb__list {
		margin: 0;
	}
	.breadcrumb__item {
		flex-wrap: wrap;
	}
	
	
	
	.side-content {
		display: block;
	}
	.secondary-nav {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.topbar {
		flex-direction: column;
	}
	.branding {
		margin: 0 0 10px 0;
		width: 100%;
	}
	.baseline {
		margin: auto;
		width: 100%;
		max-width: 190px;
	}
	.home-col {
		margin-left: 0;
		margin-right: 0;
	}
	.home-col > * {
		margin: 0;
	}
	.home-container .unclic-liste,
	.unclic-liste {
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 5px;
    	grid-row-gap: 5px;
	}
	.home-container .actus-section,
	.home-container .kiosque-section {
		margin-bottom: 40px;
		margin-bottom: clamp(20px, 2.1vw, 40px);
	}
	.home-container .actus-section,
	.home-container .medias-section {
		padding-top: 0;
	}
	.home-container .actus-section,
	.home-container .agenda-section,
	.home-container .unclic-section,
	.home-container .aladdin-section,
	.home-container .kiosque-section,
	.home-container .medias-section {
		width: 100%;
		flex: 100%;
	}
	.agenda-section .lSSlideOuter .lSPager.lSpg {
		top: unset;
		left: 0;
		justify-content: center;
		margin: 0!important;
		width: 100%;
	}
	.media {
		height: 0;
		padding-bottom: 56.25%;
	}
	.media .media__item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.header-bandeau {
		padding: 8% 0;
		padding: clamp(40px, 8%, 145px) 0;
	}
	.list-search__item .label {
		min-width: 200px;
		padding: 2px;
	}
	.form-search {
		min-height: 30px;
		padding: 0 10px;
	}
	.header-actions {
		padding: 0 5px; 
	}
	.list-search__item {
		margin: 0;
	}
	#jeSuis {
		margin-right: 2.5px;
	}
	#boutonLiensProfils {
		margin-left: 2.5px;
	}
	.list-search__item .label span,
	.list-search__item ul a {
		font-size: 1.4rem;
		line-height: 1;
	}
	.list-search__item .label::after {
		width: 10px;
		height: 10px;
		right: 10px;
	}
	
	
	.calendrierAgenda th,.calendrierAgenda td{
		padding: 2px;
	}
	
	
/**/


@media (max-width: 515px) {
	
	.wp-block-media-text__media img{
		max-width: 100%!important;
		width: auto!important;
	}

	.breadcrumb__item a {
		padding: 5px 0px;
	}
	
	.breadcrumb__item a:not(.icone)::after{
		padding-left: 5px;
		padding-right: 1px;
	}
	
	
	.agenda-item-liste{
		width:98%!important;
		margin:0% 1% 1% 1%!important;
	}

	.separateurTime{
		left: 30px;  
	}
	.agenda-item__date_fin{	
	  left: 45px; 
	  /*right: 0;*/
	}
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.baseline {
		margin: 0;
	}
	.rs-list {
		position: absolute;
		top: 15px;
		right: 20px;
	}
	.horaires {
		padding-left: 5px!important;
		font-size: 1.1rem;
	}
	.header-infos {
		width: 100%;
	}
	.header-infos a , .header-infos button {
		flex: none;
	} 
	header .rs-list > li + li,
	.header-infos > * + * {
		margin-left: 5px;
	}
	.header-infos a > img, .header-infos button > img,
	.rs-list li a {
		flex: none;
		min-width: unset;
		width: 20px;
		height: 20px;
	}
	.footer-horaires > * {
		flex-direction: column;
	}
	.footer-line.links ul {
		justify-content: center;
	}
	.footer-content .separator {
		display: none;
	}
	.aladdin-liste {
		margin: 0;
	}
	.aladdin-item {
		width: 100%;
	}
	.list-search__item {
		width: 100%;
		margin: 0;
	}
	.form-search {
		margin-bottom: 10px;
	}
	.list-search__item .label {
		width: 100%;
		z-index: 0;
		min-width: 0;
	}
	.list-search__item:hover .label {
		z-index: 10;
	}
	.list-search__item:hover ul {
		z-index: 5;
	}
	
}

@media (max-width: 451px) {
	.actus-item__image {
		width: 100%;
		max-width: unset;
		max-height: 150px;
	}
}

@media (max-width: 370px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.baseline {
		max-width: 155px;
	}
	.rs-list {
		top: 12px;
	}
	.actus-item__link {
		flex-direction: column;
	}
	.actus-item__picture {
		width: 100%;
		max-width: unset;
	}
	.actus-item__image{
		position:unset;
	}
	
}
@media (max-width: 801px) {
	/* XS: smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.forceResponsiveTableCSS , .forceResponsiveTableCSS tr, .forceResponsiveTableCSS td {
		display: block;
		width:100%!important;
		clear:both;
		/*border:1px solid red;*/
		height:auto!important;
		background-color:tranparent;
	}
	
}
  
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	/*
		* Don't show links that are fragment identifiers,
		* or use the `javascript:` pseudo protocol
		*/
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
		* Printing Tables:
		* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		*/
	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.action-menu-resp {
	  display: none;
	}
}