/** RESPONSIVE SALAMANDRE **/

/** exceptions only for xs and small */
@media screen and (max-width:991px) {

	body>header {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.bloc.full{
	/*.bloc-with-aside .big {*/
		height: 350px;
		padding: 0;
	}
	
	.bloc-with-aside .big,
	.bloc-with-aside.bloc-with-link .right,
	.bloc-image-link>div{
		padding: 0;
	}



	article.restricted + .promo-abonne .bloc.full{
		height: auto;
	}

	.bloc-with-aside .big .ressource-item .ressource-infos {
		position: relative;
		/*left: 15px;
		width: calc(100% - 30px);*/
		width: 100%;
		max-height: 90px;
		padding: 15px 15px;
		height: auto;
		border: none;
	}
	

	.bloc-with-aside .big .ressource-item .ressource-image img,
	.bloc-with-link .img-container img,
	.bloc-image-link .img-container img{
		position: relative;
		transform: none;
		top: 0;
		left: 0;
		width: 100%;
	}

	.bloc .img-container.thumb img{
		width: 100%;
	}

	.bloc .ressource-item{
		/*margin-bottom: 0;*/
	}

	.bloc-with-aside  .right .ressource-item .ressource-infos h4{
		font-size: 15px;
	}

	.bloc .left,
	section#home-articles{
		margin-bottom: 0;
	}


	.video-container iframe,
	.video-player iframe,
	.pop-content iframe {
		height: auto;
		width: 100%;
	}

	.mag-item .mag-image {
		margin-bottom: 10px;
	}

	.mag-item {
		margin-bottom: 30px;
	}

	.newsletter .form button {
		width: 100%;
	}

	.sommaire-item .button {
		padding: 10px 10px;
		font-size: 12px;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(1) .engagement-links,
	.page-engagements #engagement-6 .engagement-item:nth-child(2) .engagement-links {
		margin-bottom: 0;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(n+3) .engagement-links,
	.page-engagements #engagement-6 .engagement-item:nth-child(n+3) .engagement-links {
		top: 0;
	}

	.page-liste main section >.bloc.bloc-3{
		margin-bottom: 0;
	}
	
	#slider-revues .slide .slide-content .right .mag img {
    height: 300px;
	}

	.cookie-warning{
		flex-direction: column;
	}

	.cookie-warning p{
		text-align: center;
		margin-bottom: 20px;
	}

	.cookie-warning .right{
		flex-direction: row;
	}
	.cookie-warning button{
		margin-bottom: 10px;
	}
	.cookie-warning button:first-of-type{
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.abonne-label{
		font-size: 11px;
	}

	.newsletter p.message{
		margin-top: 1rem;
	}
	
}


/** XS **/
@media screen and (min-width:564px) {
	.header-intersite ul a {
		font-size: 14px;
	}
}
/** SM **/
@media screen and (min-width:768px) {
	.page-activite .activite-presentation .img-container,
	.page-liste-activites  .ressource-item.activite-item  .ressource-image{
		height: 300px;

	}

	/*.sommaire-item{
		width: -webkit-calc(33.33333% - 30px);
		width: calc(33.33333% - 30px);
	}*/
	.sommaire-item .img-container {
		height: 250px;
	}


.page-404 .bloc-404 .bg-404{
    position: absolute;
    min-height: 100%;
    height: auto;
    min-width: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.9;
}

	.page-404 .bloc-404 .half{
		height: 300px;
	}

	.page-404 .bloc-404 .logo-404{
		position: absolute;
		top: -20px;
		left: -40px;
		width: 50%;
		z-index: 0;
	}
	.page-404 .bloc-404 .half:first-of-type{
		justify-content: flex-end;
	}
	.page-404 .bloc-404 .half:last-of-type{
		justify-content: center;
	}

	.header-img > figure {
		height: 250px;
	}

	.header-intersite ul a {
		
		font-size: 15px;
		padding: 10px 23px 10px 52px;
	}

.header-intersite ul a:before {
    left: 18px;
}

.header-intersite ul .salamandre a:before {
    width: 24px;
    height: 19px;
}
.header-intersite ul .boutique a:before {
    width: 22px;
    height: 21px;
}


.header-intersite ul .films a:before {
    width: 21px;
    height: 21px;
}

.top .thumbline .ressource-infos h4,
aside .sidebar-bloc .thumbline .ressource-infos h4{
	font-size: 16px;
}



.page-newsletter-form-header,
.newsletter-policy{
	margin-left: -500px;
	margin-right: -500px;
}

.page-newsletter-theme .newsletter-item-label{
	top: calc(-1 * var(--labelSize) / 2);
	right:  calc(-1 * var(--labelSize) / 2);
	left: auto;
	transform: none;
}

	

	
}




/** MD **/
@media screen and (min-width:992px) {


	#main-menu .more .sal-tv-link{
		padding: 1rem;
		margin-top: 3.5rem;
	}
	
	.button-style-1 {
		font-size: 14px;
	
	}

	.button-arrow{
		padding: 15px 30px;
	}


	.button-arrow:after {
		margin-left: 15px;
	}

	

	input::-webkit-input-placeholder {
		font-size: 13px;
	}

	input::-moz-placeholder {
		font-size: 13px;
	}

	input:-ms-input-placeholder {
		font-size: 13px;
	}

	input:-moz-placeholder {
		font-size: 13px;
	}

	body>header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
		transition: all 0.2s ease-out;
		box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.20);
	}

	body>header.home .header-nav {
		/*background-color: rgba(0, 0, 0, 0.50);*/
	}
	body>header.home{
		background-color: rgba(0, 0, 0, 0.50);
	}

	body>header.home .header-nav{
		background:transparent;
	}

	header.home .header-intersite{
		background: rgba(0,0,0,.3);
	}

	header.home .header-intersite ul a {
		color: #FFF;
	}

	header.home .header-intersite ul .salamandre a:hover, 
	header.home .header-intersite ul .salamandre a:active, 
	header.home .header-intersite ul li.active a{
		color: #000;
	}

	/** REDUCED MENU **/
	body>header.reduced  {
		top: -112px;
		transition: all 0.2s ease-out;
	}

	body>header.reduced #main-menu {
		padding: 5px 0;
	}

	body>header.reduced #main-menu #small-logo {
		display: inline-block;
		margin-right: 10px;
	}

	body>header.reduced #main-menu-menu .more {
		top: 48px;
	}

	body>header.reduced #main-menu>ul>li>a {
		font-size: 16px;
	}


	header .header-intersite .row{
		justify-content: flex-end;
	}


	#search-box input {
		width: 180px !important;
	}

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

	
	footer .main-logo {
		align-self: flex-start;
		padding-left: 0;
	}

	footer .main-logo img {
		max-width: 100%;
	}

	footer .footer-row-1 .footer-col {
		align-items: flex-start;
		justify-content: flex-start;
	}

	footer .footer-row-2 {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	footer .footer-row-2 .footer-col {
		flex-direction: row;
	}

	footer .copyright p {
		margin-bottom: 0;
	}

	footer .footer-row-2 .logos span {
		font-size: 14px;
	}

	footer .main-logo,
	footer .coords,
	footer p {
		text-align: left;
	}

	footer .logos a {
		margin-top: 0;
		margin-left: 15px;
	}

	footer .socials ul {
		justify-content: flex-start;
	}

	#breadcrumb {
		display: block;
	}

	section h2 {
		width: 100%;
		font-size: 40px;
	}

	section#top-article {
		height: 700px;
	}


	section#top-article #top-article-infos {
		position: absolute;
		height: 77%;
		width: 50%;
		align-items: flex-start;
	}
	
	section#top-article h2 {
		font-size: 60px;
		line-height: 52px;
		text-align: left;
	}

	
	section#revues {
		margin-bottom: 200px;
	}
	.home section#revues{
		margin-bottom: 150px;
	}

	section#revues header h2 {
		font-size: 36px;
		text-align: center;
		margin-bottom: 0;
	}

	section#revues header p:not(.subtitle) {
		margin-bottom: 12px;
	}

	section#revues .revues {
		box-shadow: 15px 15px 15px 0 rgba(0, 0, 0, 0.20);
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	section#revues .revues .mag-item .mag-image .back-img-container {
		background-position: bottom center;
		height: 270px;
	}

	section#home-articles>header h2 {
		width: auto;
		margin: 0 0 20px;
	}

	.mag-item .mag-image .back-img-container {
		height: 200px;
	}

	.ressource-item:not(.thumbline) .ressource-title  {
		max-height: 85px;
	}

	.bloc-type-2 .ressource-item:not(.thumbline) .ressource-infos{
		width: 100%;
		margin: 5px 0 0;
	}

	.bloc-with-aside .big .ressource-item .ressource-image {
		top: 0;
		height: 100%;
	}
	.bloc-with-aside.bloc-type-2 .half .ressource-item .ressource-image{
		height: 75%;
	}
	.bloc-with-aside.bloc-with-link .img-container {
		height: 100%;
	}

			.ressource-item:not(.thumbline) .ressource-infos h4 {
		overflow: hidden;
		height: 100%;
	}


	.abonne-label.invisible {
		visibility: hidden;
	}

	.abo .abo-img ,
	.abo.activites .abo-img ,
	.abo.plusweb .abo-img {
		opacity: 1;
		position: relative;
		left:0;
		top: 0;
		transform: none;
		height: auto;
	}
	.abo.activites .abo-img {
		width: 80%;
	}

	.abo.plusweb .abo-img {
		width: 90%;
	}
	

	.abo .abo-infos{
		justify-content: center;
		align-items: flex-start;
	}

	.abo.plusweb .abo-infos,
	.abo.activites .abo-infos{
		align-self: flex-end;
	}
	.abo .abo-infos p{
		text-align: left;
		
	}

	.promo-abonne .promo-advert img{
		margin-right: 15px;
	}


	.bloc.full,
	.bloc-with-aside .left,
	.bloc-with-aside .right {
		height: 450px;
	}

	.bloc-with-link .img-container img{
		max-height: 100%;
		min-width: auto;
	}

	.bloc-image-link .img-container img{
		position: relative;
		width: 100%;
		max-width: 100%;
	height: auto;
	min-width: auto;
	min-height: auto;
	top: 0;
	left: 0;
	transform: none;
	}

	

	.big .activite-item .ressource-image,
	.bloc-with-aside .big .ressource-item .ressource-image {
		position: absolute;
		height: 100%;
	}

	.big .activite-item .ressource-infos,
	.bloc-with-aside .big .ressource-item .ressource-infos {
		left: 0;
		width: 70%;
		margin-left: 15px;
		padding: 15px 15px 0;
	}

	.big .activite-item .ressource-infos h4,
	.bloc-with-aside .big .ressource-item .ressource-infos h4 {
		font-size: 30px;
	}


	.bloc-with-aside .big .ressource-item .ressource-title {
		height: auto;
	}

	.big .activite-item .ressource-tag,
	.bloc-with-aside .big .ressource-item .ressource-tag {
		position: absolute;
		bottom: 100%;
	}

	.bloc-with-aside .half .ressource-item{
		height: 50%;
		overflow: hidden;
	}
	
	.bloc-with-aside .half .ressource-item:last-of-type{
		margin-bottom: 0;;
	}
	
	
	.bloc-with-aside .half .ressource-item  .ressource-image{
		height: 80%;
	}
	.bloc-with-aside .half .ressource-item .ressource-description{
		display: none;
	}

	.top {
		display: flex;
		flex-direction: column;
		height: 100%;
		align-items: flex-start;
		justify-content: space-between;
	}

	.top h3 {
		font-size: 30px;
		overflow: hidden;
	}
	.top .top-header {
		margin-bottom: 37px;
	}

	.top .top-label {
		font-size: 26px;
	}

	.top .thumbline {
		height: 70px;
		margin-bottom: 5px;
	}

	.top .thumbline .ressource-image {
		height: 80%;
	}

	.top .abonne-label:not(.invisible) + .ressource-title{
		max-width: 55%;
	}
	


	aside .sidebar-bloc .thumbline .thumbline {
		height: 60px;
		margin-bottom: 14px;
	}

	section.bloc-videos .bloc>.right .ressource-item .ressource-image {
		height: 100%;
	}

	section.bloc-videos .bloc>.right .ressource-item:last-of-type {
		margin-bottom: 0;
	}

	section.bloc-videos .bloc {
		margin-bottom: 0;
	}

	section.bloc-videos .bloc>.right .ressource-item {
		height: calc(50% - 20px);
		overflow: hidden;
	}

	section.bloc-videos .bloc>.right .ressource-item .ressource-infos {
		position: absolute;
		bottom: 0;
		margin: 0 15px;
	}

	section.bloc-videos .bloc>.right .ressource-item .ressource-infos .ressource-tag {
		display: inline-block;
		position: absolute;
		bottom: 100%;
	}


	.newsletter .form {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	#home-newsletter {
		margin-bottom: 100px;
	}

	.newsletter-style-1{
		margin-bottom: 90px;
	}
	.newsletter-style-1:not(.sidebar) {
		padding-top: 50px;
	}
	

	.newsletter-style-1 img {
		width: 420px;
		top: -50px;
		transform: none;
		left: -10px;
	}

	.newsletter-style-1 .newsletter-content {
		margin-top: 0;
		padding: 15px 0;
	}

	.newsletter .form input {
		margin-bottom: 0;
	}

	.newsletter-style-1 h3 {
		font-family: 'morl_sansblack', sans-serif;
		font-size: 40px;
	}

	.newsletter-style-1 p,
	.newsletter-style-1 .form input {
		font-family: 'morl_sansregular', sans-serif;
	}

	.newsletter-style-1 .form {
		margin-top: 20px;
	}

	.newsletter-style-2 #newsletter-widget {
		padding: 30px 0;
	}

	.newsletter-style-1.form input {
		margin: 0;
	}

	.newsletter-style-1 .form button {
		width: 33.33333333%;
		margin-left: 20px;
	}


	.newsletter-style-2 h3 {
		font-size: 20px;
	}

	.newsletter-style-2 .newsletter-content {
		padding: 0;
	}

	.newsletter-style-2 #newsletter-register {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	.newsletter-style-2 .form {
		flex-direction: column;
		justify-content: center;
	}

	.newsletter-style-2 .form button {
		margin-top: 20px;
	}

	#newsletter-widget.newsletter-style-3{
		padding: 60px 50px 15px;
	}
	.newsletter-style-3 img{
		right: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.newsletter-style-3 h3{
		margin-bottom: 30px!important;
		font-size: 32px;
		text-align: left!important;
	}


	#home-links .bloc {
		flex-direction: row;
	}

	#home-links .bloc .link-item .content {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	#home-links .bloc .link-item:not(:last-of-type) {
		margin-right: 20px;
	}

	#home-links .link-item img {
		height: 200px;
	}

	#home-links .bloc .link-item .link-item-infos {
		text-align: center;
	}

	#home-links .link-item h3 {
		font-size: 40px;
	}

	#home-links .link-item p {
		font-family: 'PT Serif', serif;
		color: #333333;
	}

	#home-links .link-item a.button {
		margin-top: auto;
	}

	#home-engagements .row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
		z-index: 2;
	}

	#home-engagements .right .engagements-list {
		flex-wrap: nowrap;
	}


	#home-engagements .right {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	#home-engagements .engagement-col {
		width: 25%;
		height: 160px;
	}

	#home-engagements .engagement-col img {
		height: 100px;
	}

	#home-engagements .engagement-col ih4 {
		font-size: 18px;
	}

	#home-engagements h2 {
		font-size: 46px;
		position: relative;
	}

	#home-engagements h2:after {
		content: '';
		display: inline-block;
		position: absolute;
		right: 2%;
		top: 70%;
		background-image: url('../img/engagement-arrow.png');
		width: 112px;
		height: 28px;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 1;
	}

	#home-engagements h2,
	#home-engagements p {
		text-align: left;
	}

	body .page-content {
		margin-top: 165px;
		/*padding: 20px 0;*/
	}



	.page-article .page-content>.container {
		position: relative;
		z-index: 2;
	}

	.page-content h1 {
		text-align: left;
		font-size: 40px;
		margin-bottom: 20px;
	}

	section.filters form>ul {
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.20);
		justify-content: center;
	}

	section.filters form>ul>li {
		height: 100%;
		display: inline-block;
		border-right: 1px solid var(--grey1);
		padding: 15px 20px 15px 10px;
		margin: 0;
		text-align: center;
	}

	section.filters form>ul>li:first-child {
		padding: 15px 30px;
	}

	section.filters form>ul>li button {
		position: relative;
	}

	section.filters form>ul>li button:after {
		right: -10px;
	}

	section.filters form>ul>li button.dropdown-toggle:after {
		right: -10px;
	}

	section.filters form>ul>li .open button:after {
		transform: rotate(-180deg);
	}


	section.filters form>ul>li.nosubmenu {
		border-right: none;
		padding: 5px 10px;
		margin-left: 20px;
	}

	section.filters form>ul>li.nosubmenu>input {
		padding: 5px 10px;
	}

	section.filters form>ul>li.nosubmenu>input:after {
		display: none;
	}


	section.filters .open .dropdown-menu {
		margin-top: 15px;
		font-family: 'morl_sanslight', sans-serif;
		border: none;
		border-top-color: currentcolor;
		border-top-style: none;
		border-top-width: medium;
		border-radius: 0;
		left: -10px;
		padding: 15px;
		border-top: 2px solid var(--yellow);
	}

	section.filters button#apply-filters {
		margin: 20px auto;
		display: block;
	}

	#breadcrumb {
		margin-bottom: 20px;
	}


	.author a {
		flex-direction: row;
		justify-content: flex-start;
	}

	.author .author-portrait {
		padding: 0;
		margin-bottom: 0;
	}

	.author .avatar {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 10px;
		transform: translate(-50%, -50%);
	}

	.author.small .avatar {
		width: 77px;
		height: 77px;
		border-radius: 77px;
	}

	.author.small .author-infos {
		padding: 0 15px;
		justify-content: center;
	}

	.author.small .author-infos h4 {
		margin-bottom: 0;
	}


	.author.small {
		margin-bottom: 40px;
	}

	.author.big {
		margin-bottom: 60px;
	}

	.author.big a {
		border: none;
		cursor: default;
		justify-content: flex-end;
	}

	.author.big a:hover,
	.author.big a:focus {
		border: none;
		cursor: default;
	}

	.author.big .author-portrait {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.author.big .avatar {
		width: 170px;
		height: 170px;
		border-radius: 170px;
	}

	.author.big .avatar {
		left: 0;
		top: 15px;
		transform: none;
	}


	.author.big h4,
	.author.big p {
		text-align: left;
	}

	.author.big h4 {
		font-size: 24px;
	}

	.author.big p.author-description {
		font-family: 'morl_sanslight', sans-serif;
		line-height: normal;
	}

	.author.big .author-infos {
		padding-left: 80px;
		z-index: 1;
	}

	.gallery.grid .row a:not(:last-child) {
		margin-right: 10px;
	}

	.gallery.grid .row a {
		margin-bottom: 10px;
		height: 140px;
	}

	.gallery.grid .more-row {
		bottom: -5px;
		height: 80px;
	}


	aside .sidebar-bloc .thumbline {
		height: 60px;
	}

	.sidebar-bloc.newsletter-sidebar .newsletter-style-1.sidebar img {
		width: 200px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		top: -100px;
		margin-bottom: -100px;
	}

	.sidebar-bloc.newsletter-sidebar .newsletter-style-1.sidebar .form {
		flex-direction: column;
	}

	.sidebar-bloc.newsletter-sidebar .newsletter-style-1.sidebar h3 {
		font-size: 20px;
	}

	.sidebar-bloc.newsletter-sidebar .newsletter-style-1 .form button {
		margin-left: 0;
		margin-top: 20px;
		width: auto;
	}

	.sidebar-bloc.newsletter-sidebar .newsletter-style-1 p,
	.sidebar-bloc.newsletter-sidebar .newsletter-style-1 .form input {
		font-family: 'morl_sanslight', sans-serif;
		font-size: 14px;
	}

	section.promotion-mag {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 0;
	}

	section.promotion-mag>img {
		margin: 0 20px 0 0;
		height: 240px;
	}

	section.promotion-mag .promotion-infos p,
	section.promotion-mag .promotion-details {
		text-align: left;
	}

	section.promotion-mag .promotion-buttons {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	section.promotion-mag .promotion-buttons a.button-row,
	section.promotion-mag .promotion-buttons a.button-col{
		width: auto;
		margin-right: 10px;
	}

	section.taxonomie>div {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 10px;
	}

	section.taxonomie .categorie h5,
	section.taxonomie .tags h5,
	section.taxonomie p,
	section.taxonomie ul li {
		margin-bottom: 0;
	}

	section.same-articles .dossiers-list ul li {
		height: 50px;
	}

	.video-player {
		height: 350px;
	}

	.video-player iframe {
		height: 100%;
	}

	.video-player.video-une a.play{
		width: 100px;
		height: 100px;
	}

	.video-container iframe,
	.video-player iframe {
		max-height: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.product-item.big {
		flex-direction: row;
		justify-content: flex-start;
	}

	.product-item.big .product-infos {
		align-items: flex-start;
	}

	.product-item .product-image {
		height: 200px;
	}

	.product-item.big .product-buttons {
		flex-direction: row;
	}

	.presentation-slider .slide .slide-content {
		flex-direction: row;
	}

	.top-slider,
	#slider-livres,
	#slider-films,
	#slider-revues,
	.publication-header {
		height: 500px;
	}

	.slider .slider-nav {
		display: inline-block;
	}

	.presentation-slider .slide .slide-content .right {
		height: 100%;
	}

	.presentation-slider .slide .item-background,
	#slider-revues .slide .item-background,
	#slider-revues .slide .slide-content .left,
	.presentation-slider .slide .slide-content .left {
		height: 85%;
	}

	.presentation-slider .slide .slide-content .left h2 {
		max-height: 120px;
		font-size: 55px;
		line-height: 50px;
	}

	.presentation-slider .slide .slide-content .right {
		position: relative;
	}

	.presentation-slider .slide .slide-content .right .mag {
		height: 100%;
		margin: 0;
	}

	.presentation-slider .slide .slide-content .right .mag img.mag-image {
		height: 80%;
		margin-top: 70px;
	}

	.presentation-slider .slide .slide-content .right a.preview {
		width: auto;
		position: absolute;
		bottom: 140px;
	}

	/* slider livres */
	#slider-livres .slide .slide-content .right img.new,
	#slider-films .slide .slide-content .right img.new {
		top: 50px;
	}

	#slider-livres .slide .slide-content .left p,
	#slider-films .slide .slide-content .left p {
		font-size: 30px;
	}

	/* slider revues */
	#slider-revues .slide .slide-content .left p {
		font-size: 25px;
	}

	#slider-revues .slide .slide-content .right .mag {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}

	#slider-revues .slide .slide-content .right .mag img {
		height: 400px;
	}

	#slider-revues .slide .slide-content .right .mag p.mag-title {
		margin-bottom: 0;
	}

	#slider-revues .slide .slide-content .right a.preview,
	#slider-revues .slide .slide-content .right a {
		width: 55%;
		position: absolute;
	}

	#slider-revues .slide .slide-content .right a:last-of-type {
		bottom: 50px;
	}


	#slider-revues .slide .slide-content p.mag-description {
		position: absolute;
		top: 85%;
		padding: 10px 0;
		font-size: 19px;
	}


	section.gamme {
		height: 320px;
		margin-bottom: 50px !important;
	}

	section.gamme .background {
		height: 100%;
	}

	section.gamme .infos {
		position: absolute;
		width: 33.3333333%;
		top: auto;
		left: 0;
		bottom: 0;
	}

	section.coulisses {
		background-color: transparent;
	}

	section.coulisses>.row {
		background-color: #f6f4f0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
	}

	section.coulisses .ressource-item.thumbline {
		height: 65px;
		margin-bottom: 0
	}

	section.coulisses .intro {
		text-align: left;
	}

	section.coulisses h3:after {
		display: inline-block;
	}

	section.coulisses a.link-more {
		float: right;
	}

	section.coulisses a.link-more:after {
		float: none;
		clear: both;
	}

	section.editions .left {
		margin-bottom: 0;
	}

	section.editions .right h3 {
		font-size: 40px;
	}

	section.editions .right h4 {
		font-size: 26px;
	}

	#revues-links .left p {
		padding: 30px 30px 50px 30px;
		font-size: 28px;
		text-align: left;
		line-height: 32px;
		margin-bottom: 0;
	}

	#revues-links .left img.mascotte {
		height: auto;
		top: -40px;
		left: 10px;
		position: relative;
		margin-bottom: -100px;
		transform: translateX(-50%);
	}

	.saj #revues-links .left img.mascotte {
		left: 45%;
		top: -100px;
		width: 300px;
	}

	.psa #revues-links .left img.mascotte {
		width: 400px;
		left: 50%;
	}

	#revues-links .left img:last-of-type {
		top: 55%;
		right: 8%;
		left: auto;
		transform: rotateX(180deg);
		width: auto;
	}

	#revues-bande .row {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	#revues-bande .img-container,
	#revues-bande h3 {
		margin-bottom: 20px;
	}

	#revues-pourquoi ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	#revues-pourquoi ul li {
		width: 25%;
	}

	.avis .avis-item h4 {
		font-size: 24px;
	}

	.avis .avis-item .shadow {
		bottom: 30px;
	}

	.avis .avis-item blockquote {
		height: 200px;
	}

	.avis .avis-item blockquote:before {
		left: -15px;
	}

	.avis .avis-item blockquote:after {
		bottom: 22px;
		right: -10px;
	}

	.avis .avis-item p {
		font-size: 18px;
	}

	.avis h3 {
		margin-bottom: 20px;
		font-size: 46px;
	}

	.avis .container .row:nth-child(2) {
		margin-bottom: 20px;
	}

	.avis .container .row:last-child {
		position: relative;
		flex-direction: row;
	}

	.avis .row:last-child img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.avis .row:last-child img.left {
		height: 200px;
		left: 10%;
	}

	.avis .row:last-child img.right {
		right: 10%;
	}

	.bloc-hors-series {
		margin-top: 0;
	}

	.bloc-hors-series p {
		margin-top: 0;
		width: 70%;
	}

	.bloc-hors-series .image {
		top: -50px;
		right: 2px;
		left: auto;
		transform: none;
	}

	

	#revues-programmes>.row,
	.revues-programmes-content {
		position: relative;
	}

	.revues-programmes-content {
		margin-top: 0;
		padding: 40px;
		margin-bottom: 20px;
	}

	.revues-programmes-content>img {
		position: absolute;
		top: -20px;
		left: -20px;
		margin-bottom: 0;
		width: 70px;
	}

	.revues-programmes-content .rubrique-image {
		position: relative;
		height: 550px;
	}

	.revues-programmes-content .rubrique-image img {
		display: block;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		width: auto;
		max-width: 80%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-height: 100%;
		min-height: 60%;
	}

	.revues-programmes-content .rubrique-image img.active {
		display: block;
		opacity: 1;
		visibility: visible;
		box-shadow: 0 0 10px 0 var(--grey1);
	}

	.revues-programmes-content .rubrique-image img:hover,
	.revues-programmes-content .rubrique-image img:focus {
		opacity: 0.8;
	}

	#revues-programmes .left,
	#revues-programmes .right {
		position: absolute;
		top: 0;
		justify-content: center;
		height: 100%;
	}

	#revues-programmes .left {
		left: 0;
		padding-right: 0;
	}

	#revues-programmes .right {
		right: 0;
		padding-left: 0;
	}

	#revues-programmes .rubrique-content {
		text-align: left;
		background-color: #FFF;
		padding: 10px 80px 10px 50px;
		border-radius: 10px;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.194);
		margin-bottom: 10px;
	}

	#revues-programmes .left .rubrique-content {
		padding: 10px 50px 10px 15px
	}

	#revues-programmes .right .rubrique-content {
		padding: 10px 15px 10px 50px;
	}

	#revues-programmes .rubrique-content.active,
	#revues-programmes .rubrique-content:hover {
		background-color: var(--yellow);
	}

	#revues-programmes .rubrique-content h3 {
		margin-bottom: 5px;
	}

	#revues-programmes .rubrique-content p {
		height: 70px;
		overflow: hidden;
		margin-bottom: 0;
		line-height: 22px;
	}

	#revues-programmes .rubrique-content:after {
		content: '';
		width: 25px;
		height: 15px;
		display: inline-block;
		background-image: url('../img/arrow-yellow.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 40%;
		transform: translate(-40%);
	}

	#revues-programmes .left .rubrique-content:after {
		right: 0;
	}

	#revues-programmes .right .rubrique-content:after {
		left: 0;
		transform: rotateY(-180deg) translate(-50%);
	}

	#revues-programmes .rubrique-content.active::after,
	#revues-programmes .rubrique-content:hover::after {
		background-image: url('../img/arrow-black.png');
	}

	#revues-programmes .row:last-of-type a.button:before {
		content: '';
		display: inline-block;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		
		right: 100%;
	}

	.saj #revues-programmes .row:last-of-type a.button:before {
		width: 226px;
		height: 214px;
		background-image: url('../img/revue-saj-mascotte.png');
		top: -80%;
	}

	.psa #revues-programmes .row:last-of-type a.button:before {
		width: 200px;
		height: 173px;
		background-image: url('../img/revue-psa-mascotte.png');
		top: -100%;
	}

	#compte #compte-menu ul.nav-tabs {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	#compte .nav-tabs>li>a {
		font-size: 20px;
		margin-right: 0;
	}

	#compte .nav-tabs>li:not(:last-of-type)>a {
		margin-right: 10px;
	}

	#compte #compte-intro {
		display: block;
	}

	#compte #compte-intro p {
		font-size: 30px;
		margin-bottom: 0;
		float: left;
	}

	#compte #compte-intro a {
		float: right;
	}


	/*********************** HOME ACTIVITES ********************/
	.sal-filters .filters {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}



	.sal-filters .filters .radio label:hover{
    border: 4px solid var(--yellow);
	}

	.sal-filters .applied-filters-buttons{
		display: flex;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}


	.sal-filters .applied-filters-buttons button[type=submit]{
		margin-left: 20px;
	}

	.activites-slider .slide {
		height: 250px;
	}

	
	

	.activite-slider .slider-nav.slider-prev,
	.activites-slider .slider-nav.slider-prev {
		left: -15px;
	}

	.activite-slider .slider-nav.slider-next,
	.activites-slider .slider-nav.slider-next {
		right: -15px;
	}

	.activites-list-filters form ul li:nth-child(2) .open .dropdown-menu {
		width: 250px;
	}


	.page-activite .activite-header {
		margin-bottom: 50px;
	}

	.page-activite .activite-presentation .img-container {
		height: 350px;
		margin-bottom: 0;
	}

	.page-activite .activite-header>div {
		flex-direction: row;
	}

	.page-activite .activite-presentation ul li img {
		height: 20px;
	}

	.page-activite .activite-presentation ul li {
		padding: 5px 15px;
	}


	.page-activite .activite-presentation .right>div:last-child {
		justify-content: flex-start;
	}

	.salamandre-tabs .nav li a {
		font-size: 18px;
		min-height: auto;
	}


	.page-activite #activite-infos .decouvrir-balade .left p {
		font-size: 30px;
		padding: 30px;
		top: 100px;
		left: 0;
		transform: none;
	}

	.page-activite #activite-decouvrir .right {
		padding-right: 0;
	}

	.page-activite .activite-slider {
		height: 300px;
	}

	.page-activite .activite-slider .img-container {
		height: 100%;
	}

	.page-activite .activite-slider .img-container img {
		height: auto;
		min-width: 100%;
	}

	.page-activite .activite-slider .text-content {
		border-left: 3px solid var(--yellow);
		border-top: none;
		position: absolute;
		width: 98%;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}


	/******************************* PAGE PLUS WEB ******************************/


	.img-header {
		height: 350px;
	}


	.page-plusweb .row h2 {
		text-align: left;
	}

	.plusweb-small-item {
		height: 180px;
		display: block;
	}

	.plusweb-small-item .left {
		padding-right: 15px;
	}

	.plusweb-small-item .right {
		padding-left: 0;
	}

	.plusweb-item .content {
		align-items: flex-start;
	}

	.plusweb-item .content>img {
		height: 350px;
	}

	.mag-psa .plusweb-item .content>img {
		height: 300px;
	}

	.plusweb-item .plusweb-content {
		width: calc(400% + 6 * 15px);
	}

	.plusweb-item .plusweb-details span:first-child {
		font-size: 30px;
	}

	.plusweb-items> :nth-child(2n + 2) .plusweb-content {
		left: calc(-100% - 30px);
	}


	.plusweb-items> :nth-child(4n + 2) .plusweb-content {
		left: calc(-100% - 30px);
	}

	.plusweb-items> :nth-child(4n + 3) .plusweb-content {
		left: calc(-200% - 60px);
	}

	.plusweb-items> :nth-child(4n + 4) .plusweb-content {
		left: calc(-300% - 90px);
	}


	/******************************** PAGE CONCOURS ******************************/

	.page-concours p.concours-description,
	.page-defis p.defis-description {
		font-size: 24px;
		line-height: 30px;
	}

	#moment h2 {
		font-size: 36px;
	}

	#moment blockquote {
		font-size: 45px;
		line-height: 48px;
	}

	#moment blockquote:before {
		top: -45px;
		left: -80px;
	}

	#moment blockquote:after {
		bottom: -15px;
		right: -80px;
	}

	#moment blockquote:before,
	#moment blockquote:after {
		font-size: 150px;
		line-height: 150px;
	}


	#moment .moment-comment button img {
		position: absolute;
		top: 40%;
    right: -25px;
	}

	#moment #moment-collapse #moment-adresses {
		display: flex;
		flex-direction: row;
		align-self: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.page-grid .grid-sizer,
	.page-grid .grid-item {
		width: calc(25% - 10px);
	}

	.page-concours #revues {
		margin-top: 130px;
	}


#concours-gagnants-container{
    background-color: #fff5ae;
}
	#concours-gagnants {
		padding: 30px 15px;
		background-image: url('../img/gagnants_concours@2x.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	#concours-gagnants > img{
	 position: absolute;
	 width: 150px;
	 left: 6%;
	 top: 2%;
	 margin: 0;
   }
	#concours-gagnants > div > img {
	   width: 60%;
	   
   }
   #concours-archive {
	   margin-top: 40px;
   }
   
   #concours-archive  .archive-inner > img{
	   position: absolute;
	   width: 140px;
    right: 5%;
    top: -7%;
   }

   #concours-archive ul{
	   margin-top: 20px;
   }

	#concours-archive ul li a{
	 	font-size: 23px;
	  -webkit-box-pack: justify;
	  -webkit-box-align: center;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: center;
	}


	/************************************ PAGE FORUM ***********************************/

	.page-forum #forum-search input,
	.page-forum #forum-presentation>div:first-of-type {
		margin-bottom: 0;
	}

	.page-forum .forum-no-results .alert img {
		height: 200px;
	}

	.page-forum .forum-no-results .buttons {
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.page-forum #forum-presentation img {
		height: 150px;
	}

	.page-forum #forum-presentation h4 {
		font-family: 24px;
	}

	.page-forum #forum-presentation #forum-cadre {
		line-height: 30px;
	}

	.page-forum #forum-presentation #forum-cadre h3 {
		font-size: 30px;
	}

	.page-forum #forum-presentation #forum-cadre p {
		font-size: 24px;
	}

	.forum-item .forum-question .content img ,
	.forum-item .forum-answer .content img {
		max-height: 250px;
	}

	.forum-item .forum-question,
	.forum-item .forum-answer {
		padding: 60px 40px;
	}

	.forum-item .forum-question:after,
	.forum-item .forum-answer:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		position: absolute;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		box-shadow: 0 0 2px -5px var(--border-grey);
	}

	.forum-item .forum-question:after {
		right: -20px;
		top: 20%;
		border-left: 20px solid #d4dce0;
	}

	.forum-item .forum-answer:before {
		left: -20px;
		bottom: 20%;
		border-right: 20px solid #FFF;
	}

	.forum-item>div:last-of-type {
		position: relative;
		margin-top: 40px;
	}

	.forum-item .forum-answer > img {
		width: 80px;
		top: -40px;
	}

	.pop-container {
		padding: 20px;
		min-width: 50%;
		max-width: 80%;
		height: 90vh;
		top: 50px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 20px;
		box-shadow: 0 0 10px 0 var(--border-grey);
	}


	.pop-content {
		padding: 20px;
	}

	.page-sommaire .sommaire-header .row {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	/*.sommaire-item{
		width: -webkit-calc(25% - 30px);
		width: calc(25% - 30px);
	}*/

	.sommaire-item .img-container {
		height: 300px;
	}

	.sommaire-item .sommaire-infos p {
		display: inline-block;
		font-size: 16px;
	}

	.sommaire-item .sommaire-infos p:first-of-type {
		margin-right: 10px;
	}

	.page-recherche section.results .results-header a.link-yellow {
		font-size: 16px;
	}

	.plusweb-pop .pop-container {
		width: auto;
	}

	.page-recherche .ressource-item.dossier .img-container .button {
		min-width: 70%;
	}

	.page-recherche .list .ressource-item .ressource-image {
		height: 150px;
	}

	.page-recherche .list .ressource-item h4 {
		font-size: 24px;
	}

	.page-recherche .list .thumbline.video .ressource-image::after {
		width: 70px;
		height: 70px;
	}


	/**************************** PAGE ENGAGEMENTS *******************/
	.page-engagements #engagement-1 h3 {
		color: #000;
	}

	.page-engagements section.engagement p {
		font-size: 20px;
		line-height: 30px;
	}

	.page-engagements #engagement-1 .container,
	.page-engagements #engagement-1 .row,
	.page-engagements #engagement-1 .left {
		height: 100%;
	}

	.page-engagements section.engagement:not(#engagement-1) .left,
	.page-engagements section.engagement:not(#engagement-1) .right {
		height: 100%;
		padding: 50px;
		position: absolute;
		top: 0;
		justify-content: center;
		align-items: center;
	}

	.page-engagements #engagement-1 .left {
		padding: 65px;
		align-items: flex-start;
	}

	.page-engagements #engagement-1 h3 {
		text-align: left;
		line-height: 40px;
	}


	.page-engagements #engagement-1,
	.page-engagements #engagement-2,
	.page-engagements #engagement-4,
	.page-engagements #engagement-5 {
		height: 500px;
		width: 100%;
	}


	.page-engagements #engagement-1 {
		background-position: center;
	}

	.page-engagements .engagement-item .img-container {
		height: 300px;
		width: 100%;
	}


	.page-engagements .engagement-item .picto-engagement {
		width: 102px;
		height: 102px;
	}

	.page-engagements .engagement-item .engagement-links {
		top: -51px;
	}

	.page-engagements .engagement-item .engagement-links h4 {
		height: 45px;
	}

	.page-engagements #engagement-6 .engagement-item .engagement-content {
		width: calc(500%);
	}

	.page-engagements #engagement-7 .engagement-item .engagement-content {
		width: calc(400%);
	}

	.page-engagements #engagement-6 figure,
	.page-engagements #engagement-7 figure {
		height: 500px;
	}

	.page-engagements #engagement-6 figure img,
	.page-engagements #engagement-7 figure img {
		width: 100%;
		height: auto;
		min-height: 100%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.page-engagements #engagement-6 .engagement-item {
		width: 20%;
	}


	.page-engagements #engagement-6 .engagement-item .engagement-links,
	.page-engagements #engagement-7 .engagement-item .engagement-links {
		margin-bottom: -51px;
	}

	.page-engagements #engagement-6 .engagement-item:nth-child(1) .engagement-content {
		left: 0%;
	}

	.page-engagements #engagement-6 .engagement-item:nth-child(2) .engagement-content {
		left: -100%;
	}

	.page-engagements #engagement-6 .engagement-item:nth-child(3) .engagement-content {
		left: -200%;
	}

	.page-engagements #engagement-6 .engagement-item:nth-child(4) .engagement-content {
		left: -300%;
	}

	.page-engagements #engagement-6 .engagement-item:nth-child(5) .engagement-content {
		left: -400%;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(1) .engagement-content {
		left: 0%;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(2) .engagement-content {
		left: -100%;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(3) .engagement-content {
		left: -200%;
	}

	.page-engagements #engagement-7 .engagement-item:nth-child(4) .engagement-content {
		left: -300%;
	}

	.page-faq .faq-contact>div {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.page-faq .faq-contact p {
		margin-right: 10px;
		margin-bottom: 0;
	}


	.page-404 .bloc-404 .half{
		height: 500px;
	}

	.page-404 .bloc-404 .logo-404{
		width: 70%;
	}

	.page-404 .bloc-404 h1{
		font-size: 8rem;
	}

	.page-404 .bloc-404 .half:last-child p:first-child{
		font-size: 9rem;
		margin-bottom: 8rem;
	}

	.page-404 .bloc-404 .half:last-child p:not(:first-child){
	
		margin: 3rem 0;
	}
		
	
	.page-404 .list .ressource-item .ressource-image {
		height: 150px;
	}

	.page-404 .list .ressource-item h4 {
		font-size: 24px;
	}

	.page-404 .list .thumbline.video .ressource-image::after {
		width: 70px;
		height: 70px;
	}

	.page-connexion .connexion-form .left,
	.page-connexion .connexion-form .right {
		padding: 15px;
	}

	.page-inscription .page-content h1,
	.page-newsletter .page-content h1,
	.page-connexion .page-content h1 {
		text-align: center;
		font-size: 50px;
	}

	.page-inscription .page-content h2,
	
	.page-connexion .page-content h2 {
		font-size: 30px;
	}

	.page-newsletter .page-content h2{
		font-size: 24px;
	}

	.page-newsletter .newsletter-style-1 {
		margin-bottom: 150px;
	}

	.publication-header .container,
	.publication-header .content {
		height: 100%;
	}

	.publication-header .content {
		flex-direction: row;
		justify-content: center;
		text-align: center;
	}

	.publication-header .content .left,
	.publication-header .content .right {
		width: 50%;
		height: 100%;
		position: relative;
	}

	.publication-header .content .left {
		align-items: flex-start;
	}

	.publication-header .mag img {
		height: 400px;
	}

	.publication-header p.mag-infos {
		font-size: 20px;
		margin-bottom: 50px;
	}

	.publication-header p.mag-infos span {
		font-size: 24px;
	}

	.tree-counter-numbers{
		width: 70%;
	}

	/********************************* PAGE PROFIL *****************************************/
	.page-profil .promo-abonne{
		height: 500px;
	}

	.page-profil .nb-article ul li{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	.page-profil .nb-article ul li p{
		max-width: 80%;
	}


	/************************************* COVID-ALERT ********************************/
	.covid-alert{
	    flex-direction: row;
	}
	
	.covid-alert p{
		font-size: 15px;
		margin-bottom: 0;
		padding: 8px 30px;
		width: 82%;
	}

	/********************************* PAGE AUTEUR *****************************************/


	.page-auteur .authors-bio{
		-webkit-box-align: center;
		flex-direction: row;
		align-items: center;
	}

	.page-auteur .authors-bio img{
		width: 100%;
	}


	
	.header-img > figure {
		height: 300px;
	}
	.header-img > figure .low-header-img{
		/*width: auto;*/
		/*height: 100%;*/
	height: auto;
	width: 100%;
    
	}
	
	.header-img > figure picture{
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.header-img > figure picture img{
		max-width: 100%;
		height: auto;
		min-height: auto;
	}

	.header-img figcaption.credits{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		text-shadow: 0 0 2px #000;
	}


	figure.header-img figcaption span	{
		font-size: 18px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		text-align: right;
		color: #FFF;
		background-color: transparent;
		bottom: 0;
		padding: 15px 0;
	}
	.activite-presentation  span.credits {
		font-size: 18px;
		color: #FFF;
		background-color: transparent;
		text-shadow: 0 0 2px black;
	}

	.page-liste .chapeau .right {
		border-left: 1px solid #ccc;
	}

	.page-liste .chapeau .right .author.small{
		margin-bottom: 20px;
	}
	.page-liste .chapeau .right .time{
		margin-bottom: 0;
	}

	.chrono-alert p{
		font-size: 18px;
		height: 100%;
		line-height: 2;
	}

	.page-chant .article-header{
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}
	.page-chant .subintro p{
		font-size: 18px;
	}

	.page-chant .introcredits p{
		font-size: 15px;
	}
	.page-chant .chant-anchors{
		align-items: stretch;
	}

	.page-chant .anchor-container.left{
		padding-left: 0;
	}
	.page-chant .anchor-container.right{
		padding-right: 0;
	}
	.page-chant .chant-section{
		padding-top: 50px;
	}
	.page-chant .chant-section .header-img{
		margin-bottom: 0;
	}

	.page-chant .chant-section-header h2{
		font-size: 60px;
	}
	.page-chant .chant-section-header p{
		font-size: 35px;
	}

	.page-chant .chant-list-section h3{
		font-size: 35px;
	}
	.page-chant .chant-sound .chant-sound-desc p{
		font-size: 23px;
	}

.page-chant .chant-sound-more {
	justify-content: flex-start;
	width: calc(100% - 80px);
	margin-left: 80px;
	margin-top: 1px;
	height: 50px;
}

.page-chant .chant-sound-more  .chant-sound-more-sounds{
	flex-direction: row;
	width: auto;
}

.page-chant .chant-sound-more .chant-sound-more-item {
	margin-right: 10px;
	border-top: 0;
	height: 50px;
}

	.page-chant .chant-sound-more .chant-sound-more-item p,
	.page-chant .chant-sound-answers-content li{
		font-size: 15px; 
	 }
	
	 .page-chant .chant-sound-more .sal-audio-player{
		 height: 50px;
	 }
	
	 .main-logo a {
		max-width: 80%;
	}

	/**************PAGE CONTACT ****************/
	.page-contact .contact-header__inner h1{
		font-size: 72px;
		margin-bottom: 40px;
	}

	.page-contact .contact-header__inner p{
		text-align: left;
		font-size: 18px;
		line-height: 1.2;
	}

	.page-contact .contact-faq h2,
	.page-contact .contact-adresses h2{
		font-size: 36px;
	}

	.page-contact .contact-faq__subtitle{
		font-size: 24px;
	}

	.page-contact .contact-faq ul:nth-child(odd){
		padding-right: 15px;
	}
	.page-contact .contact-faq ul:nth-child(even){
		padding-left: 15px;
	}

	.page-contact .contact-faq ul li:first-of-type{
		border-top: 1px solid  var(--border-grey);
	}

	.brexit-alert__inner {
		flex-direction: row;
	}

	.brexit-alert .icon{
		margin: 0  20px 0 0;
	}

	.brexit-alert p{
		font-size: 18px;
		text-align: left;
	}


	/****************** PAGE MON COMPTE ******************/
	.page-compte .compte-header__inner{
		padding: 30px 15px;
	}
	.page-compte .compte-logout{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	.page-compte .compte-logout {
		margin-top: 0;
	}

	.page-compte .compte-header__inner h2{
		margin-bottom: 20px;
		font-size: 36px;
	}

	.page-compte .compte-forms__menu > li > a{
		font-size: 18px;
	}

	.page-compte .compte-forms__inner h2{
		font-size: 30px;
	}

	.page-compte form input[name="zipcode"]{
		width: auto;
	}

	.page-compte .compte-forms__inner .tab-pane{
		padding: 30px 0;
	} 

	.page-compte  .abo-section .abo-subtitle{
		padding: 5px 25px;
		text-align: left;
	
	}

	.page-compte  .abo-section .abo-subtitle span{
		margin-left: 25px;
		font-size: 20px;
	}
	.page-compte   .abo-section h4{
		text-align: left;
	}

	.abonnement-bloc .left{
		flex-direction: row;
		align-items: flex-start;
		padding-bottom: 0;
		margin-bottom: 0;
		border-right: 1px solid var(--border-grey);
	}


	.abonnement-bloc .left img{
		margin: 0 auto ;
	}

	.abonnement-bloc .abonnement-expiration{
		flex-direction: row;
		justify-content: space-between;
	}

	.abonnement-bloc .abonnement-expiration .button{
		margin-top: 0;
	}

	.sal-popup__content{
		padding: 15px 50px;
	}

	


	.page-newsletter-header img{
		margin-top: 40px;
	}
	.page-newsletter-theme{
		padding-bottom: 6rem;
	}
	.page-newsletter-theme:before{
		height: 200px;
	}
	.page-newsletter-theme .newsletter-validation{
		margin-top: 8rem;
	}

	/****************** PAGE QUIZ NEWSLETTER 10/2024 ************************/
	.page-quiz-newsletter .page-inner{
		background-position: center -100px;
	}
	.page-quiz-newsletter .answer {
		flex-direction: row;
		align-items: start;
		justify-content: start;
		padding-right: 0;
	}

	.page-quiz-newsletter .answer img{
		max-width: 25vw;
		flex: 0.3;
		margin-left: 4vw;
		aspect-ratio: 352/339;
		
	}

	.page-quiz-newsletter .answer-text {
		font-size: 50px;
		
		
		
	}
	.page-quiz-newsletter .answer-text span{
		font-size: 80px;
		
	}

	.page-quiz-newsletter .answer-text span:before{
		/*content:'';
	display: inline-block;
	width: 42px;
	aspect-ratio: 42/51;
	background-image: url(../img/quiz_newsletter_effect.png);
	background-position: center;
	background-size : contain;
	background-repeat: no-repeat;
	position: absolute;
		bottom: 75%;
		right: 100%;*/
	
	}

	.page-quiz-newsletter .answer-description{
		margin: 40px 0 40px 4vw;
		
	}

	.page-quiz-newsletter .revues h2{
		font-size: 40px;
	}

	.page-quiz-newsletter .revues h2 span{
		font-size: 55px;
	}

	.page-quiz-newsletter .answer-description p{
		font-size: 28px;
		margin-bottom: 30px;
	}


	/***************** VIDEO VERTICALE ****************/
	.video-container.video-vertical{
		width: 50%;
		margin: auto;
	}
	

}




/** LG **/
@media screen and (min-width:1200px) {

	header {
		padding: 0;
	}

	body .page-content {
		margin-top: 195px;
	}

	
	body.page-films .page-content,
	body.page-404 .page-content,
	body.page-article .page-content,
	body.page-revues .page-content,
	body.page-plusweb .page-content,
	body.page-concours .page-content,
	body.page-forum .page-content,
	body.page-defis .page-content,
	body.page-livres .page-content,
	body.page-chant .page-content,
	body.page-compte .page-content,
	body.page-questionnaire .page-content,
	body.page-engagements .page-content {
		/*margin-top: 195px;*/
		padding: 0;
	}

	#breadcrumb {
		margin-bottom: 30px;
	}

	.main-logo a {
		max-width: 80%;
	}

	#header-top {
		padding: 20px 0;
	}

	.header-top li.jeunesse .dropdown-menu {
		width: 330%;
		margin-top: 26px;
	}

	#search-box input {
		width: 250px !important;

	}

	/** REDUCED MENU **/

	body>header.reduced {
		top: -141px;
	}

	body>header.reduced #main-menu-menu .more {
		top: 49px;
	}

	body>header.reduced #main-menu>ul>li>a {
		font-size: 18px;
	}

	body>header.reduced #main-menu-menu>li.opened>a::after {
		bottom: -20px;
	}

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


	#main-menu-menu>li {
		padding: 2px 4px;
	}

	#main-menu>ul>li>a {
		font-size: 20px;
	}

	#main-menu>ul>li.point:before {
		margin: 0 7px 0 5px;
		width: 6px;
		height: 6px;
		border-radius: 6px;
	}

	#main-menu-menu .home .more .submenu:nth-child(2) li a .rubrique-title{
		font-size: 18px;
	}

	#main-menu-menu .home .more .submenu:nth-child(2) li a.video:after {
		width: 70px;
		height: 70px;
	}


	#main-menu-menu .more {
		top: 42px;
	}

	

	section#top-article h2 {
		font-size: 72px;
		line-height: 60px;
	}

	section#revues header a.button {
		padding: 18px 20px;
	}

	section#revues header h2 {
		font-size: 44px;
		text-align: left
	}

	section#revues header p.subtitle {
		text-align: left;
	}

	#home-engagements h2:after {
		right: 10%;
	}

	.newsletter-style-2 img {
		width: 180px;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

	.newsletter-style-2 .form {
		flex-direction: row;
		justify-content: flex-start;
	}

	.newsletter-style-2 .form button {
		margin-top: 0;
		margin-left: 20px;
	}

	.page-content h1 {
		font-size: 60px;
		margin-bottom: 40px;
	}

	section.filters form>ul>li button {
		padding: 2px 10px;
	}

	section.filters form>ul>li {
		padding: 15px 30px 15px 15px;
		margin: 0;
		text-align: center;
	}

	section.filters .open .dropdown-menu {
		left: -15px;
	}

	section.filters .applied-filters p {
		margin: 0;
	}

	section.filters .applied-filters {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}


	.gallery.grid .row a:not(:last-child) {
		margin-right: 15px;
	}

	.gallery.grid .row a {
		margin-bottom: 15px;
		height: 170px;
	}

	.gallery.grid .more-row {
		height: 120px;
	}

	.video-player {
		height: 550px;
	}


	.presentation-slider .slide .slide-content .left h2 {
		max-height: 150px;
		font-size: 68px;
	}

	.presentation-slider .slide .slide-content .left p {
		font-size: 38px;
	}

	#slider-revues .slide .slide-content .right a.preview,
	#slider-revues .slide .slide-content .right a {
		width: 45%;
	}


	.avis .row:last-child img.left {
		left: 15%;
	}

	.avis .row:last-child img.right {
		right: 15%;
	}


	.covid-alert p{
		font-size: 16px;
	}


	.page-activite .activite-presentation .img-container {
		height: 400px;
	}

	.page-activite .activite-presentation ul li img {
		height: 35px;
	}

	.page-activite .activite-slider {
		height: 500px;
	}

	.activites-slider .slide {
		height: 300px;
	}

	.img-header {
		height: 425px;
	}

	.page-404 .bloc-404 .half{
		height: 600px;
	}

	.header-img  > figure {
		height: 366px;
	}

	.top  .abonne-label:not(.invisible) + .ressource-title{
		max-width: 70%;
	}

	section.same-articles .dossiers-list ul li {
		height: 55px;
	}

	.sal-popup__content{
		padding: 15px 90px;
	}

	
}



/* XXL */
@media screen and (min-width:1400px) {

	.slider .slider-nav.slider-prev {
		left: 8%
	}

	.slider .slider-nav.slider-next {
		right: 8%
	}

	.activite-slider .slider-nav.slider-prev,
	.activites-slider .slider-nav.slider-prev {
		left: -15px;
	}

	.activite-slider .slider-nav.slider-next,
	.activites-slider .slider-nav.slider-next {
		right: -15px;
	}


	.sommaire-item .img-container {
		height: 350px;
	}

	.page-recherche .ressource-item.dossier .img-container .button {
		min-width: 60%;
	}

	.page-404 .bloc-404 .half{
		height: 700px;
	}

	.page-404 .bloc-404 .logo-404{
		width: 50%;
	}

	.header-img  > figure {
		height: 427px;
	}

}

@media screen and (min-width: 1800px){
	.header-img  > figure {
		height: 550px;
	}
}
@media screen and (min-width: 2000px){
	.header-img  > figure {
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}
}