/* Ecran de moins de 1500px */

@media screen and (max-width: 1500px)
{
}

/* Ecran de moins de 1250px */

@media screen and (max-width: 1250px)
{
	/* Table list */
	
	article form table.lists.responsive thead th > div span
	{
		display: none;
	}
	
	/* Nav */
	
	.openCloseMenu
	{
		left: 15px;
	}
	nav .menuTop
	{
		padding-left: 30px;
	}
	nav .menuLeft
	{
		left: -200px;
	}
	nav + #page
	{
		left: 0;
	}
	.openCloseMenu.active + nav .menuLeft
	{
		left: 0;
	}
	nav .menuTop .search .searchResult
	{
		left: 0;
	}
}
/* Ecran de moins de 960px */

@media screen and (max-width: 960px)
{
	
}

/* IPAD (Portrait / Paysage) */

@media screen and (max-width: 767px), screen and (max-device-width : 767px)
{
	
	/* home */
	
	article.home .bloc.actualites .webCimesCarouselDiapo
	{
		height: 400px;
	}
	
	/* Header */
	
	article .header .title
	{
		font-size: 20px;
	}
	
	/* Table Lists New Version */
	
	article .tableLists > div:not(.buttons) > .row
	{
		margin-bottom: 40px;
	}
	article .tableLists > div:not(.buttons) > .row > div
	{
		border-top: 1px solid #ddd;
		min-height: 60px;
	}
	article .tableLists > div:not(.buttons) > .row > div:after
	{
		content: "";
		position: absolute;
		right: 0px;
		top: 0;
		bottom: 0;
		width: 1px;
		background:#ddd;
	}
	
	/* Table list */
	
	article table.lists.responsive
	{
		padding: 20px;
	}
	article table.lists.responsive thead
	{
		display: none;
	}
	article table.lists.responsive tr
	{
		display: flex;
		flex-direction: column;
		border: 1px solid #ddd;
		margin: 20px 0;
	}
	article table.lists.responsive tr:first-child
	{
		margin-top: 0;
	}
	article .details table.lists.responsive tr
	{
		margin: 20px 0;
	}
	article table.lists.responsive tr > *
	{
		display: flex;
		justify-content: space-around;
		align-items: center;
		border: none!important;
		border-bottom: 1px solid #ddd!important;
		height: auto!important;
	}
	article table.lists.responsive tr > *:last-child
	{
		border-bottom: none!important;
	}
	article table.lists.responsive tr > *:before
	{
		content: attr(data-title);
		flex: 0 0 40%;
		margin-left: 10%;
		padding: 10px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	article table.lists.responsive tr > * > div,
	article table.lists.responsive tr > * > input
	{
		flex: 0 1 70%;
		text-align: left!important;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	article table.lists.responsive .button
	{
		margin: 0;
		flex: 1;
	}
	article table.lists.responsive tfoot tr > *
	{
		border: 1px solid #ddd;
	}
	
	/* Détails */
	
	article form .details .title a
	{
		opacity: 1;
		visibility: visible;
	}
	article form .details > .container-fluid > .row > *
	{
		margin: 5px 0;
	}
	
	/* Stats */

	.stats > .container > .row
	{
		height: auto;
	}
	.stats > .container > .row > div
	{
		padding: 15px 15px;
	}
	.stats .background
	{
		height: 400px;
	}
	.stats .texte
	{
        max-height: none;
	}
}

/* SMARTPHONE (Portrait / Paysage) */

@media screen and (max-width: 450px), screen and (max-device-width : 450px)
{
	article form table.lists tr > *:before
	{
		content: attr(data-title);
		margin-left: 20px;
	}
}

/* SMARTPHONE (Portrait / Paysage) */

@media screen and (max-width: 320px), screen and (max-device-width : 320px)
{
}