@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	div.inside {
		width: 96%;
		margin: 0 2%;
	}

	.item-top .label, 
	.item-sub .label,
	.items-mid .item-sub .label {
		width: calc(100% - 50px);
	}

	.lightbox-inside article,
	.lightbox-inside h1 {
		padding: 0;
	}

	.shares-last {
		margin: 3px 7px 10px;
	}
		.shares-last .last-categ {
			width: 100%;
		}
		.shares-last .last-date {
			width: 30%;
			padding-top: 4px;
		}
		.shares-last .last-title {
			width: 100%;
			padding: 3px 5px 5px;
		}

	/* modifs juin 2021 */
	header .nav-logo {
		padding: 1.5rem 7px 1.5rem;
	}
	header .nav-univers {
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: flex-start; -webkit-justify-content: flex-start;
		padding: 6px;
	}
		header .nav-univers .univers-arrow {
			top: 0;
			left: 0;
		}
		.nav-mobile21 .col-left .nav-univers .univers-arrow {
			top: 0;
			left: 0;
		}
		.nav-mobile21 .col-left .col-left-inside {
			display: flex; display: -webkit-flex; 
			flex-flow: column; -webkit-flex-flow: column;
		}
		.nav-mobile21 .col-left .nav-univers {
			padding: 0;
		}
		.nav-mobile21 .col-left .nav-univers a {
			height: 20px;
			line-height: 23px;
			padding: 0 1.3rem;			
		}
		.nav-mobile21 .mobile-close {
			top: 50px;
		}
		.events-by-usc {
			margin: 20px auto;
		}

	header .nav-univers .col-univers {
		width: 100%;
		padding-bottom: 10px;
	}
	header .nav-univers .col-shortcuts {
		width: 100%;
	}
	header .shortcut.search {
		width: auto;
		min-width: 200px;
		margin: auto 10px;
	}
	.article-subnav .subnav-item {
		padding: 5px 10px;
		margin: 5px 7px 6px 0;
		font-size: 12px;
		line-height: 20px;
	}
	.login-wrapper {
		width: 100%;
	}

	header .nav-top-adherents .inside {
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: center; -webkit-justify-content: center;
	}
		header .nav-top-adherents .inside a {
			margin: 4px;
		}
	.adherent-welcome {
		width: 100%;
		text-align: center;
		font-size: 11px;
	}
	.link-wrapper {
		margin: 0;
		padding-top: 13px;
	}
	.nav-mobile-inside {
		width: 100%;
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: flex-start; -webkit-justify-content: flex-start;
		overflow: scroll;
		padding: 0;
	}
		.nav-mobile21 .col-left {
			width: 100%;
		}
			.nav-mobile21 .col-left .col-left-inside {
				width: 100%;
    			margin: 0;
    			padding: 0 15px;
			}
		.nav-mobile21 .col-right {
			width: 100%;
    		padding: 15px;
		}
			.nav-mobile21 .col-right .link-wrapper {
				margin: 0;
				border: none;
				padding: 9px;
			}
	.union .link-a {
		padding-bottom: 0px;
	}

	.union .wall-item .item-content {
		padding: 15px;
	}
	.alaune-wrapper .union-w100-big {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.alaune-wrapper .union-w100-big .picture {
			width: 100%;
			min-height: auto;
		}
		.alaune-wrapper .union-w100-big .item-content {
			width: 100%;
			padding: 15px;
			padding-bottom: 20px;
		}
		.alaune-wrapper .union-w100-big .item-content .title {
			font-size: 30px;
		}
	.category-title span {
		font-size: 40px;
	}
	.grid-wrapper.with-aside.union #main li.union-w100-small {
		width: 100%;
		flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	}

	/*  ****** */

	h1 {
		font-size: 26px;
	}
	article h1 {
		font-size: 26px;
	}
	.union article h1 {
		font-size: 26px;		
	}
	.filiere article h1 {
		font-size: 33px;
		line-height: 0.9;
	}

	.columns-wrapper {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
	.columns-wrapper .col.width-sxmall {
		width: 100%;
	}
	.columns-wrapper .col.width-sidebar {
		width: 100%;
	}
	.columns-wrapper .col.width-small {
		width: 100%;
	}
	.columns-wrapper .col.width-small-l {
		width: 100%;
	}
	.columns-wrapper .col.width-medium-s {
		width: 100%;
	}
	.columns-wrapper .col.width-medium {
		width: 100%;
	}
	.columns-wrapper .col.width-medium-l {
		width: 100%;
	}
	.columns-wrapper .col.width-large-s {
		width: 100%;
	}
	.columns-wrapper .col.width-large {
		width: 100%;
	}
	.columns-wrapper .col.width-large-f {
		width: 100%;
	}


	/*	GRIDS // WALL */
	.grid-wrapper {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.grid-wrapper.with-aside #main {
			width: 100%;
		}
		.grid-wrapper.with-aside #aside {
			width: 100%;
		}
			.grid-wrapper.with-aside #aside ul.sortable {
				width: 100%;
			}
				.grid-wrapper.with-aside #aside ul.sortable li {
					width: 49%;
					margin: 0 auto 2rem;
				}

		li.filiere-w25 {
			width: 48%;
		}
			.filiere-w25 .picture {
				width: 100%;
			}
		li.filiere-w50 {
			width: 98%;
		}
			.filiere-w50 .picture {
				width: 100%;
			}
		.union-w33 {
			width: 46%;
		}

	/*	SHARES */
	.categories-wrapper .categorie {
		width: 97%;
	}
	.lightbox-inside {
		padding: 0.7rem;
	}
		a.listing .label {
			padding: 0.7rem;
		}
	.fancybox-slide--iframe .fancybox-content {
	    width: 95%;
	    height: 90%;
	    max-width: 95%;
	    max-height: 80%;
	    margin: 0;
	}
	.lightbox-title {
		font-size: 14px;
	}
	.lightbox-title a {
		font-size: 14px;
	}


	/* FILIERE TOP NEWS */
	.top-news {
		height: auto;
	}
	.top-news .inside {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.top-news .inside .title {
			width: 100%;
		}
			.top-news .inside .title .univ {
				display: none;
			}
		.top-item {
			width: 21%;
			margin: 0.8rem;
		}

	/*	SHOP */
	.base-wrapper .products-col	 {
		width: 48%;
    	margin: 0 auto 1rem;
	}
		.base-wrapper .products-index .products-item .picture {
			height: auto;
		}
	.product-wrapper .col-left {
		width: 35%;
	}
		.product-wrapper .col-left img {
			margin: 2rem auto auto;
		}
	.product-wrapper .col-right {
		width: calc(100% - 35%);
	}
	.shortcuts-footer .inside {
		padding: 20px 0;
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.shortcuts-footer .item {
			width: 48%;
			margin: 0 auto 2rem;
		}

	/* FOOTER */
	footer .inside .row {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		padding: 0 1rem;
	}
	footer .inside .row .col-newsletter {
		width: 100%;
		margin: 1rem auto;
	}
	footer .inside .row .col-newsletter .inputs input.submit {
		width: 10%;
		font-size: 14px;
	}
	footer .footer-menu {
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: flex-start; -webkit-justify-content: flex-start;
	}
		footer .footer-menu li {
			width: 48%;
			padding-bottom: 2rem;
		}
		.filiere footer .footer-menu li {
			width: 48%;
			padding-bottom: 2rem;
		}
	footer .inside .row .col-logo {
		margin: auto;
		margin-bottom: 2rem;
	}
	footer .inside .row .col-shortcuts {
		width: 80%;
		margin: 0 auto;
		justify-content: center; -webkit-justify-content: center;
	}
	.baseline .inside a {
		text-align: center;
	}


	/*	ARTICLES > SHORTCTUS */
	.shortcuts-wrapper .shortcuts-col {
		width: 98%;
		margin: 0 auto 1rem;
	}
		.shortcuts-wrapper .shortcuts-item {
			width: 100%;
			margin-bottom: 1rem;
		}

	/* CONTACT FORM */
	.contact-wrapper {
		width: 98%;
	}
	li.by2 {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
	.contact-wrapper li.by2 .input-wrapper {
		width: 100%;
		margin-top: 1rem;
	}


	.filiere .pathway .inside .icon, .filiere .pathway .inside .link, .filiere .pathway .inside .spacer {
		padding-bottom: 0.5rem;
	}


	/*	PREHOME > Fancy */
	.fancybox-slide #hidden-content {
	    display: inline-block;
	    padding: 0px;
	    top: 20%;
	    left: 5px;
	    right: 5px;
	    position: absolute;		
	}
	.fancybox-slide #hidden-content img {
		width: 100%;
	}

	/*	WAITING */
	.waiting-content {
		width: 98%;
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.waiting-content .col-picture {
			width: 100%;
			margin: 0 auto;
		}
			.waiting-content .col-picture img {
				width: 100%;
			}
		.waiting-content .col-infos {
			width: 98%;
			margin: 0 auto;
		}
		.waiting-content .col-infos .intro {
			margin: 30px 0;
		}
}
