/* RESPONSIVE CSS */

@media only screen and (min-width : 1440px) {

/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	/* slider videos */
	.vidz .slider-vidz {
		width: 798px;
	}


/**********************************************/
/* Bloc css de la page solutions */ 
/**********************************************/
	/* quelles solutions */
	.solutions .wrapper-vid {
		width: 778px;
	}

}


@media only screen and (max-width : 1024px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	/* -------------- middle -------------- */
	/* bloc mots d'ordre */
	.mots .liste-mots li + li {
		margin-left: 5%;
	}


	/* bloc enjeux */
	.enjeux .visuel {
		height: 0;
		padding-bottom: 44%;
	}


	/* bloc interets */

		/* titre colonne */
		.interets .tt-h3 {
			font-size: 20px;
		}


		/* colonne droite */
		.interets .col-right .visuel {
			height: 0;
			padding-bottom: 77%;
		}


	/* cta rubrique */
	.inner-cta:after {
		top: 117px;
	}

		.cta .cta-bloc {
			flex: 0 0 290px;
			width: 290px;
			
		}

		.cta .cta-bloc + .cta-bloc {
			margin-left: 8%;
		}

			.cta .lk-pg {
				height: 234px;
				padding-top: 22px;
			}

				.cta .lk-pg .rubrique {
					font-size: 30px;
					line-height: 31px;
				}
	
}


@media only screen and (max-width : 992px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	/* -------------- header -------------- */

	/* barre menu */
	#header .top-barre {
		height: 74px;
		padding: 0 6vw 0 8.6vw;
	}

		/* menu */
		#header .top-barre .burger {
			display: block;
		}

		.burger {
			position: relative;
			width: 42px;
			height: 30px;
			transform: rotate(0deg);
			transition: .5s ease-in-out;
			cursor: pointer;
		}

		.burger span {
			position: absolute;
			left: 0;
			width: 100%;
			height: 2px;
			background: #fff;
			border-radius: 2px;
			display: block;
			opacity: 1;
			transform: rotate(0deg);
			transition: .25s ease-in-out;
		}

		.burger span:nth-child(1) {
			top: 0px;
		}

		.burger span:nth-child(2),
		.burger span:nth-child(3) {
			top: 14px;
		}

		.burger span:nth-child(4) {
			top: 28px;
		}

		.burger.open span:nth-child(1) {
			width: 0%;
			top: 14px;
			left: 50%;
		}

		.burger.open span:nth-child(2) {
			transform: rotate(45deg);
		}

		.burger.open span:nth-child(3) {
			transform: rotate(-45deg);
		}

		.burger.open span:nth-child(4) {
			width: 0%;
			top: 14px;
			left: 50%;
		}

		#header .top-barre .nav {
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			padding: 32px 0;
			background-color: rgba(0,0,110,0.9);
     		box-shadow: inset 0px 11px 18px -10px rgba(0,0,0,0.35),
     					0 11px 28px -10px rgba(0,0,0,0.35);
     		display: none;
		}

			#header .top-barre .menu {
				flex-direction: column;
			}

				#header .top-barre .menu .filet {
					margin-left: 0;
				}

				#header .top-barre .menu .filet:before {
					width: 110px;
					height: 1px;
					margin: 0 auto 22px;
					border-left: none;
					border-bottom: 2px solid var(--colorWhite);
					display: block;
				}

				#header .top-barre .menu li + li {
					margin: 22px 0 0;
				}

					#header .top-barre .menu a {
						font-size: 19px;
					}

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

					#header .top-barre .menu a:hover, 
					#header .top-barre .menu .nav-on a {
						color: #5a9bff;
					}

					#header .top-barre .menu .lk-home {
						font-size: 19px;
						text-indent: 0;
					}

					#header .top-barre .menu .lk-home:before {
						display: none;
					}


/**********************************************/
/* Bloc css de la page organisations */ 
/**********************************************/
	/* slider mises en avant */
	.slider-mea {
		width: calc(100% - 90px);
	}


/**********************************************/
/* Bloc css de la page eco gestes */ 
/**********************************************/
	/* stades */
	.stades .slider-std {
		width: 738px;
	}


/**********************************************/
/* Bloc css de la page solutions */ 
/**********************************************/
	.solutions:before {
		top: 70px;
		right: 4.6%;
		width: 80px;
		height: 162px;
	}
}


@media only screen and (max-width : 768px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	/* -------------- header -------------- */
	#header .page {
		height: 284px;
	}

		#header .logo {
			width: 80px;
		}

		#header .tt-img {
			width: 211px;
		}

		#header .hd-right .tt-txt {
			font-size: 28px;
		}

		#header .hd-left .tt-txt {
			font-size: 22px;
		}

		#header.header-alt .hd-right .tt-txt {
			font-size: 20px;
		}

		#header.header-alt .hd-left .tt-txt {
			font-size: 20px;
		}

			#header.header-alt .tt-txt .alt-font {
				font-size: 33px;
			}


	/* -------------- footer -------------- */
	#footer .page {
		flex-direction: column;
		padding: 0;
	}

		#footer .ft-left {
			width: 100%;
			padding: 5vw;
		}

		#footer .ft-right {
			width: 100%;
			padding: 5vw;
		}

			#footer .ft-right .tt-ft {
				margin-top: 0;
				text-align: center;
			}

			#footer .ft-right .paragraphe {
				padding: 37px 0;
				text-align: center;
			}

			#footer .ft-right .txt-bas {
				flex-direction: column;
			}

				#footer .ft-right .txt-bas .img-veolia {
					margin: 5px 0 0;
				}

				#footer .ft-right .txt-bas .img-gestes {
					margin: 16px 0 0;
				}


/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	/* titre h2 */
	.tt-h2 {
		font-size: 26px;
	}

	.tt-h2-lg {
		font-size: 30px;
	}


	/* intro */
	.intro .tt-intro {
		font-size: 26px;
		line-height: 27px;
	}


	/* bloc interets */

		/* titre colonne */
		.interets .tt-h3 {
			font-size: 19px;
		}

	
		/* colonne gauche */
		.interets .col-left {
			width: 56%;
			padding-left: 2%;
		}


		/* colonne droite */
		.interets .col-right {
			width: 44%;
		}

			.interets .col-right .tt-h3 {
				margin-right: 4%;
			}

			.interets .col-right .liste-bullet li {
				padding-right: 8%;
			}


	/* slider videos */
	.vidz {
		overflow-y: hidden;
	}

		.vidz .bg-mark {
			bottom: auto;
			top: 0;
		}

		.vidz .cadre-vidz {
			margin-top: -15px;
			padding: 58px 0 35px;
		}

		.vidz .chapo {
		    width: 88%;
		    font-size: 18px;
		    line-height: 28px;
		}

		.vidz .bouton {
			position: relative;
		    padding-left: 6%;
		    padding-right: 6%;
		    z-index: 1;
		}

			.vidz .btn {
			    font-size: 20px;
			}


/**********************************************/
/* Bloc css de la page citoyens */ 
/**********************************************/
	/* bloc manifeste */
	.manifeste {
		padding-left: 6%;
		padding-right: 6%;
		background-size: 70% auto;
	}

		.manifeste .paragraphe {
			font-size: 15px;
			line-height: 20px;
		}

		.manifeste .tt-h2 + .paragraphe {
			margin-top: 28px;
		}

		.manifeste .tt-h3 {
			font-size: 23px;
		}


	/* bloc fond bleu */
	.citoyen {
		padding: 38px 6% 44px 4.5%;
	}

		.citoyen .tt-h2 {
			margin-left: 43px;
		}

		.citoyen .liste-bullet li {
			padding-left: 43px;
			font-size: 15px;
			line-height: 20px;
		}

		.citoyen .liste-bullet li:before {
			top: -4px;
			width: 28px;
			height: 28px;
			border-radius: 28px;
		}

		.citoyen .liste-bullet li:after {
			left: 14px;
		}

		.citoyen .accroche {
			margin-top: 35px;
			font-size: 20px;
			line-height: 28px;
		}


	/* bloc pourquoi signer */
	.signer {
		padding-left: 6%;
		padding-right: 6%;
	}

	.signer:before {
		width: 210px;
		height: 138px;
	}

	.signer.sol:before {
		width: 280px;
		height: 184px;
	}

		.signer .sstt-signer {
			font-size: 22px;
		}

		.signer .liste-signer li {
			font-size: 15px;
			line-height: 20px;
		}

		.signer.sol .btn {
		    font-size: 20px;
		}


	/* modal signer */
	.modal .tt-modal {
		margin-bottom: 45px;
		font-size: 34px;
	}


		/* formulaire */
		.modal .label {
			font-size: 20px;
		}

			.modal .label sup {
				font-size: 14px;
			}


		/* checkbox */
		.form-check {
			padding-left: 8%;
		}

			.check-container {
				font-size: 14px;
			}

				.check-container .txt-label {
					padding-left: 41px;
				}

				.check-container .label-big {
					font-size: 18px;
				}


	.modal #merci .tt-modal {
		font-size: 44px;
		line-height: 44px;
	}

	.modal #merci .tt-modal:after {
		width: 18px;
		height: 57px;
		margin-top: 52px;
	}

		.modal #merci .tt-modal span {
			font-size: 25px;
			line-height: 35px;
		}

	.modal .paragraphe {
		padding: 0 10%;
		font-size: 20px;
		line-height: 30px;
	}

	.modal .share {
		margin-top: 47px;
	}

		.modal .share li + li {
			margin-left: 15px;
		}

			.modal .share li a {
				width: 40px;
				height: 40px;
			}


	/* bloc signataires */
	.signataires .tt-sign {
		font-size: 26px;
	}

	.signataires .decompte {
		width: 297px;
		height: 59px;
		background-size: 280px 59px;
		font-size: 45px;
		line-height: 59px;
	}

	.signataires .legende {
		font-size: 20px;
	}

	.signataires .tt-slider {
		font-size: 19px;
	}


	/* bloc decouvre */
	.decouvre {
		padding-left: 6%;
    	padding-right: 6%;
	}

		.decouvre .chapo {
		    width: 100%;
			margin: 40px auto 55px;
		    font-size: 21px;
		    line-height: 28px;
		}

		.decouvre .btn {
		    font-size: 20px;
		}


/**********************************************/
/* Bloc css de la page organisations */ 
/**********************************************/
	/* comment ca marche */
	.marche {
		padding-bottom: 53px;
	}

		.marche .inner-marche {
			padding: 0 6%;
		}

			.marche .chapo {
				padding: 20px 10% 0;
				font-size: 18px;
			}

		.marche .d-flex .visuel {
			height: 308px;
		}

		.marche .d-flex .liste-bullet {
			padding-left: 6%;
		}

			.marche .d-flex .liste-bullet li {
			    padding-left: 50px;
			    font-size: 16px;
			    line-height: 21px;
			}


	/* besoin d'idees */
	.idees .chapo {
		font-size: 18px;
	}

	.idees .slider-idees {
		max-width: 690px;
	}

		.idees .slider-idees .idee-item p {
			width: 230px;
			height: 181px;
			background-size: 200px auto;
			font-size: 19px;
			line-height: 23px;
		}


	/* pourquoi s'engager */
	.pourquoi {
		padding-left: 10%;
		padding-right: 10%;
	}

		.pourquoi .liste-pourquoi {
			margin-top: 35px;
		}

			.pourquoi .liste-pourquoi .tt-h3 {
				font-size: 22px;
			}

			.pourquoi .liste-pourquoi .paragraphe {
				margin-top: 20px;
			    font-size: 17px;
			    line-height: 19px;
			}

		.pourquoi .encart {
			margin-top: 50px;
			padding: 48px 8%;
		}

			.pourquoi .encart .chapo {
				font-size: 25px;
				line-height: 32px;
			}

			.pourquoi .encart dl dt {
				margin-top: 20px;
				font-size: 25px;
				line-height: 31px;
			}

			.pourquoi .encart dl dd {
				font-size: 18px;
			}

		.pourquoi .bg-mark {
			width: 186px;
			height: 347px;
		}


	/* nous contacter */
	.contact {
		padding-top: 45px;
	}

		.contact .paragraphe {
			font-size: 17px;
			line-height: 22px;
		}


	/* modal contact */
	.modal .intro-modal {
		margin-bottom: 45px;
		font-size: 22px;
		line-height: 30px;
	}


	/* partenaires */
	.partner .tt-prtn {
		font-size: 25px;
	}


		/* slider mises en avant */
		.slider-mea .mea-item .inner-mea {
			background-position: bottom -40px right -42px;
			background-size: auto 100%;
		}

			.slider-mea .mea-item .mea-logo {
				width: 50%;
			}

			.slider-mea .mea-item .mea-txt {
				font-size: 16px;
				line-height: 24px;
			}


/**********************************************/
/* Bloc css de la page eco gestes */ 
/**********************************************/
	/* bloc intro */
	.intro-eco {
		padding-left: 6%;
		padding-right: 6%;
	}


	/* categories */
	.categories {
		padding-left: 6%;
		padding-right: 6%;
	}


	/* bandeau */
	.bandeau .tt-bd, 
	.bandeau .chapo-bd {
		padding: 0 6%;
	}

	.bandeau .tt-bd {
		padding-top: 40px;
		font-size: 25px;
	}

	.bandeau .chapo-bd {
		font-size: 19px;
		line-height: 25px;
	}

	.bandeau .page:before, 
	.bandeau.bd-inv .page:before {
		top: -8px;
	    left: 2px;
	    width: 42px;
	}

	.bandeau.bd-inv .page:before {
		left: auto;
		right: 2px;
	}

		.bandeau .bath, 
		.bandeau.bd-inv .bath {
			position: relative;
			bottom: auto;
			right: auto;
			left: auto;
			margin: 25px auto 0;
		}


/* bandeau 2 */
	.bandeau2 .tt-bd, 
	.bandeau2 .chapo-bd, 
	.bandeau2 .bouton {
		padding: 0 6%;
	}

	.bandeau2 .tt-bd {
		padding-top: 40px;
		font-size: 25px;
	}

	.bandeau2 .chapo-bd {
		font-size: 19px;
		line-height: 25px;
	}

	.bandeau2 .page:before, 
	.bandeau2.bd-inv .page:before {
		top: -8px;
	    left: 2px;
	    width: 42px;
	}

	.bandeau2.bd-inv .page:before {
		left: auto;
		right: 2px;
	}

		.bandeau2 .logo-eco, 
		.bandeau2.bd-inv .logo-eco {
			position: relative;
			top: auto;
			right: auto;
			left: auto;
			transform: none;
			width: 100px;
			margin: 25px auto 0;
		}

	/* encart respecter */
	.respect {
		padding: 0 6%;
	}
		.respect .encart {
			width: 100%;
			margin-top: 100px;
			padding-bottom: 40px;
		}

			.respect .tt-eco {
				width: 92%;
			}

			.respect .paragraphe {
				padding-left: 5%;
				padding-right: 5%;
			}


	/* stades */
	.stades .slider-std {
		width: 492px;
	}


/**********************************************/
/* Bloc css de la page solutions */ 
/**********************************************/
	.solutions .visuel {
	    width: 282px;
	    height: 180px;
	}

	.solutions .visu-sobriete {
	    left: -303px;
	}

	.solutions .visu-efficacite {
	    right: -277px;
	}

	.solutions .visu-solidarite {
	    left: -303px;
	}

}


@media only screen and (max-width : 600px) {

/**********************************************/
/* Structure generale */ 
/**********************************************/

	/* -------------- header -------------- */
	#header .page {
		flex-direction: column;
		height: auto;
	}

		#header .logo {
			top: 45vw;
			width: 50px;
		}

		#header .hd-left {
			width: 100%;
			height: 45vw;
			padding: 0 0 5vw;
		}

		#header.header-alt .hd-left {
		    padding: 0;
		}

			#header.header-alt .tt-img {
			    top: calc(50% - 2.5vw);
			    left: 50%;
			}

		#header .hd-right {
			width: 100%;
			height: 64vw;
		}

			#header .hd-right .tt-txt {
				left: 0;
				padding-top: 8vw;
				font-size: 36px;
			}

			#header.header-alt .hd-right .tt-txt {
				left: 0;
			}


	/* -------------- footer -------------- */
	#footer .ft-left {
		padding: 10vw 8vw;
	}

		#footer .ft-left .tt-img {
			width: 190px;
		}

		#footer .ft-left .lk-bas {
			flex-direction: column;
			align-items: center;
		}

			#footer .ft-left .lk-bas a {
				font-size: 14px;
			}

			#footer .ft-left .lk-bas a + a {
				margin: 20px 0 0;
			}

	#footer .ft-right {
		padding: 10vw 8vw;
	}


/**********************************************/
/* Bloc css de la page index */ 
/**********************************************/
	/* intro */
	.intro {
		padding-top: 60px;
	}


	/* bloc constats */

		/* cadre */
		.constats .cadre {
			height: auto;
			padding: 5%;
		}


	/* bloc mots d'ordre */
	.mots .liste-mots {
		flex-direction: column;
		align-items: center;
	}

		.mots .liste-mots li:after {
			content: '';
			position: absolute;
			top: 50%;
		    left: 50%;
		    transform: translateX(-50%);
		    width: 100vw;
			height: 1px;
			border-bottom: 1px solid #00006e;
			display: block;
			z-index: -1;
		}

		.mots .liste-mots li + li {
			margin: 25px 0 0;
		}


	/* bloc enjeux */
	.enjeux {
		flex-direction: column;
	}

		.enjeux .visuel {
			width: 100%;
			margin-left: 0;
			padding-bottom: 100%;
			background-position: top right -8%;
			background-size: auto 96%;
		}

		.enjeux .texte {
			width: 100%;
		}


	/* bloc interets */
	.interets .d-flex .page {
		flex-direction: column;
	}


		/* titre colonne */
		.interets .tt-h3 {
			font-size: 18px;
		}


		/* colonne gauche */
		.interets .col-left {
			width: 100%;
			padding: 0 4%;
		}


		/* colonne droite */
		.interets .col-right {
			position: relative;
			width: 100%;
			margin-top: 40px;
			padding-left: 4%;
		}

		.interets .col-right:before {
			content: '';
			position: absolute;
			top: 44px;
			left: 0;
			width: 100%;
			height: 1px;
			border-bottom: 1px solid #ffff7d;
			display: block;
		}


	/* cta rubrique */
	.inner-cta {
		flex-direction: column;
	}

	.inner-cta:after {
		display: none;
	}

		.cta .cta-bloc {
			flex: 1;
		}

		.cta .cta-bloc + .cta-bloc {
			margin: 60px 0 0;
		}

			.cta .lk-pg {
				height: auto;
				padding: 10px 0 22px;
			}

				.cta .lk-pg .rubrique {
					height: 135px;
				}


	/* slider videos */
	.vidz {
		padding-top: 50px;
	}

		.vidz .tt-h2 {
			background: none;
		}

		.vidz .cadre-vidz {
			width: 95%;
			margin-top: 15px;
			padding: 34px 6% 25px;
		}

			.vidz .slider-vidz {
				width: auto;
			}

				.vidz .tt-vid {
					font-size: 18px;
					line-height: 24px;
				}


/**********************************************/
/* Bloc css de la page citoyens */ 
/**********************************************/
	/* modal signer */
	.modal .tt-modal {
		margin-bottom: 35px;
		font-size: 28px;
	}

	.modal .btn {
	    height: 38px;
		padding: 0 16px;
	    font-size: 20px;
	}

	.modal .txt-error {
	    top: -25px;
	    font-size: 14px;
	}

	.modal .form-item {
		flex-direction: column;
		margin-bottom: 16px;
	}


		/* formulaire */
		.modal .label {
			width: 100%;
			font-size: 17px;
			text-align: left;
			line-height: 28px;
		}

		.modal .input-txt {
			width: 100%;
			height: 38px;
		}


		/* checkbox */
		.form-check {
			padding-left: 0;
		}

	.modal #merci {
		padding-top: 26px;
	}


		.modal #merci .tt-modal {
			font-size: 40px;
			line-height: 40px;
		}

		.modal #merci .tt-modal:after {
			margin-top: 42px;
		}

			.modal #merci .tt-modal span {
				font-size: 19px;
			}

		.modal .paragraphe {
			padding: 0;
			font-size: 16px;
			line-height: 26px;
		}

		.modal .share {
			margin-top: 37px;
		}


/**********************************************/
/* Bloc css de la page organisations */ 
/**********************************************/
	/* comment ca marche */
	.marche {
		padding-bottom: 40px;
	}

		.marche .chapo {
			padding-left: 0;
			padding-right: 0;
		}

		.marche .d-flex {
			flex-direction: column;
			margin-top: 40px;
		}

			.marche .d-flex .visuel {
				order: 0;
				width: 96%;
				height: 308px;
				margin-left: 4%;
			}

			.marche .d-flex .liste-bullet {
				order: 1;
				width: 100%;
				margin-top: 30px;
				padding-right: 6%;
			}


	/* besoin d'idees */
	.idees .inner-idees {
		padding: 0 6%;
	}


	/* pourquoi s'engager */
	.pourquoi {
		padding: 48px 6% 55px;
	}

		.pourquoi .liste-pourquoi .tt-h3 {
			height: 60px;
			padding: 0 10px;
			font-size: 20px;
		}

		.pourquoi .liste-pourquoi .paragraphe {
			margin-top: 15px;
		    font-size: 16px;
		}

		.pourquoi .encart {
			padding: 30px 15px;
		}

			.pourquoi .encart .chapo {
				font-size: 22px;
				line-height: 29px;
			}

		.pourquoi .bg-mark {
			left: -50px;
			width: 100px;
    		height: 187px
		}


	/* modal contact */
	.modal .intro-modal {
		margin-bottom: 35px;
		font-size: 20px;
		line-height: 26px;
	}


		/* formulaire */
		#modalFormOrg.modal .label {
			width: 100%;
			padding-right: 0;
		}

		#modalFormOrg.modal .input-txt {
			width: 100%;
		}

		#modalFormOrg.modal .bouton {
			padding-top: 10px;
		}


	/* partenaires */
	.partner .liste-prtn .prtn-item {
		width: 140px;
		padding-bottom: 30px;
	}


		/* slider mises en avant */
		.slider-mea {
			width: 100%;
		}

			.slider-mea .mea-item .inner-mea {
				flex-direction: column;
				background-size: auto 70%;
			}

				.slider-mea .mea-item .mea-logo {
					width: auto;
					padding: 20px 5% 10px;
				}

				.slider-mea .mea-item .mea-txt {
					width: auto;
					padding: 10px 5% 28px;
				}


/**********************************************/
/* Bloc css de la page eco gestes */ 
/**********************************************/
	.tt-eco {
		font-size: 24px;
		line-height: 28px;
	}


	/* bloc intro */
	.intro-eco .tt-h2-lg {
		font-size: 30px;
	}


	/* detail categorie */

		/* visuel */
		.catg-item .visuel {
			width: 224px;
			height: 190px;
		}

		.catg-sdb .visuel {
			right: -12%;
			width: 232px;
			height: 307px;
		}

		.catg-brico .visuel {
			right: -20%;
		}

		.catg-jardin .visuel {
			left: -24%;
		}

		.catg-piscine .visuel {
			right: -12%;
		}

		.catg-aliment .visuel {
			left: -13%;
			width: 286px;
			height: 243px;
		}

		.catg-habit .visuel {
			right: -12%;
		}


		/* nom categorie */
		.catg-item .nom-catg {
			font-size: 20px;
		}

			.catg-item .nom-catg .picto-catg {
				top: 3px;
				transform: translateX(-133px);
				width: 51px;
				height: 51px;
			}

			.catg-item .inv .picto-catg {
				top: -10px;
				transform: translateX(84px);
			}

			.catg-item .nom-catg .texte {
				width: 166px;
				height: 54px;
			}


		/* slider gestes */
		.slider-gestes .geste-item .nom-gst {
			font-size: 20px;
			line-height: 26px;
		}


	/* bandeau */
	.bandeau .tt-bd {
		font-size: 23px;
	}

	.bandeau .chapo-bd {
		font-size: 18px;
		line-height: 24px;
	}


	/* stades */
	.stades .tt-eco {
		padding: 0 6%;
	}


/**********************************************/
/* Bloc css de la page solutions */ 
/**********************************************/
	/* quelles solutions */
	.solutions {
		padding: 45px 0;
	}

	.solutions:before {
		top: 15px;
		right: 5px;
		width: 42px;
		height: 85px;
	}

		.solutions .inner-sol {
			padding: 0 6%;
		}

			.solutions .chapo {
				padding-left: 0;
				padding-right: 0;
				font-size: 18px;
				line-height: 24px;
			}

			.solutions .liste-bullet + .tt-h3 {
				margin-top: 70px;
			}

			.solutions .liste-bullet {
				margin: 38px 0 0;
			}

				.solutions .liste-bullet li {
					padding: 0 0 28px 40px;
					font-size: 16px;
					line-height: 22px;
				}

					.solutions .liste-bullet .txt-list {
						padding: 0;
					}

			.solutions .visuel {
			    display: none;
			}


	/* engage */
	.engage {
		padding: 110px 6% 90px;
	}

	.engage:before {
		top: 48px;
	}

	.engage:after {
		width: 250px;
		height: 63px;
	}

		.engage .paragraphe {
			margin-top: 40px;
			padding: 0;
		    font-size: 16px;
		    line-height: 21px;
		}


	/* rejoindre */
	.rejoindre {
		padding: 45px 6% 80px;
	}

		.rejoindre .chapo {
		    font-size: 19px;
		    line-height: 28px;
		}

		.rejoindre .btn {
		    padding: 0 40px;
		}


}


@media only screen and (max-width : 540px) {

	/* bouton */
	.intro-eco .btn, 
	.signer .btn {
		padding: 0 15px;
	}
}


@media only screen and (max-width : 480px) {

/**********************************************/
/* Bloc css de la page eco gestes */ 
/**********************************************/
	/* bloc intro */
	.intro-eco .btn {
	    font-size: 20px;
	}


	/* stades */
	.stades .slider-std {
		width: 246px;
	}
}