@media all and (max-width: 1666px){
	/*.portfolio .hexagones-stripe{ right: -140px !important; }*/
}
@media all and (max-width: 1441px){
	/*.portfolio .hexagones-stripe{ right: -50px !important; }*/
	/*.portfolio #mask-pattern-stripe{ left: -294px; }*/
	/*.portfolio .agence-hexagones-containers{ right: -230px; }*/
	/*.portfolio .hexagones-stripe{ right: 80px !important; }*/
}
@media all and (max-width: 1366px){
	/*.portfolio .hexagones-stripe{ right: -20px !important; }*/
}
@media all and (max-width: 1365px){
	#medela20ans .header .img-wrapper{ height: 468px; }
	.directive-medela20ans .content{ padding: 0 20px; }
	#medela20ans .content .illustration{ margin-left: 0; }
	#medela20ans .header .presentation .wrapper .right{ padding: 80px; }
	#medela20ans .header .presentation .wrapper .left{ padding-right: 80px; }
	#medela20ans .content .description .bandeau-parallax{ width: calc(100% + 40px); left: -20px; }
/*	.portfolio .hexagones-stripe,
	.portfolio #mask-pattern-stripe,
	.portfolio #mask-pattern-stripe svg{ width: 100% !important; }*/
}
@media all and (max-width: 1024px){
	/*.portfolio .hexagones-stripe { right: -45px !important;	}*/
}
@media all and (max-width: 1023px){
	.directive-medela20ans .content{ padding: 0; }
	#medela20ans .header h1{ bottom: 70px; }
	#medela20ans .header .img-wrapper{ height: 418px; }
	#medela20ans .header .presentation svg{ margin-bottom: 0; }
	#medela20ans .header .presentation .mask .left{ max-width: 325px; width: 50%; }
	#medela20ans .header .presentation .mask .right{ max-width: calc(100% - 325px); width: 100%; }
	#medela20ans .header .presentation .wrapper .left{ max-width: 325px; padding: 40px 40px 40px 40px; }
	#medela20ans .header .presentation .wrapper .left p{ font-size: 16px; }
	/*TODO REAl LINK*/
	#medela20ans .header .presentation .wrapper .left p.link{ margin-bottom: 35px; }
	/*HIDDEN LINK*/
	#medela20ans .header .presentation .wrapper .left p.link{ margin-bottom: 0; }
	#medela20ans .header .presentation .wrapper .left .hashtags p{ font-size: 14px; }
	#medela20ans .header .presentation .wrapper .right{ padding: 66px 40px; max-width: calc(100% - 345px); float: left; }
	#medela20ans .header .presentation .wrapper .right p{ font-size: 14px; line-height: 20px; }
	#medela20ans .capture-parallax .capture{ margin-bottom: 75px; }
	#medela20ans .capture-parallax .capture img{ max-width: 494px; }
	#medela20ans .capture-parallax p,
	#medela20ans .content .illustration p,
	#medela20ans .content .hexa-bg p,
	#medela20ans .project-footer .visuel p{ font-size: 12px; line-height: 28px; top: -45px; }
	#medela20ans .content .floating{ margin-bottom: 95px; }
	#medela20ans .content .floating p{ font-size: 14px; line-height: 22px; }
	#medela20ans .content .illustration{ margin-left: 75px; }
	#medela20ans .content .illustration img{ max-width: 309px; }
	#medela20ans .content .hexa-text{ margin-right: 75px; }
	#medela20ans .content .hexa-text .text{ padding: 80px 25px 0 35px; }
	#medela20ans .content .hexa-text .text p{ font-size: 20px; line-height: 25px; }
	#medela20ans .content .hexa-text svg{ height: 312px; width: 270px; }
	#medela20ans .content .hexa-bg{ left: 0; top: -40px; text-align: left; margin-left: 150px; margin-bottom: 85px; }
	#medela20ans .content .hexa-bg .visuel{ text-align: center; display: inline-block; }
	#medela20ans .content .hexa-bg .visuel img{ width: 312px; }
	#medela20ans .content .video{ margin-bottom: 50px; }
	#medela20ans .content .video video{ max-width: 488px; }
	#medela20ans .content .video .motif{ display: none; }
	#medela20ans .content .motif-triptique{ margin-bottom: 70px; }
	#medela20ans .content .description{ max-width: 488px; margin: 0 auto 70px; }
	#medela20ans .description .left, #medela20ans .description .right{ float: none; display: block; width: 100%; }
	#medela20ans .description .left h3{ font-size: 26px; line-height: 32px; max-width: 60%; margin-bottom: 15px; }
	#medela20ans .description .left p{ font-size: 14px; line-height: 20px; margin-bottom: 25px; }
	#medela20ans .description .left svg{ display: none; }
	#medela20ans .description .left .socials{ margin-bottom: 50px; }
	#medela20ans .description .left .socials img{ max-height: 31px; width: auto; }
	#medela20ans .content .description .bandeau-parallax{ display: none; }
	#medela20ans .content .description img{ max-width: 100%; }
	#medela20ans .description .right{ padding: 50px 0 0 0; }
	#medela20ans .description .right p{ font-size: 20px; line-height: 28px; margin-left: 87px; }
	#medela20ans .project-footer{ padding-top: 55px; }
	#medela20ans .project-footer .visuel{ margin-bottom: 40px; }
	#medela20ans .project-footer .visuel img{ max-width: 312px; }
	#medela20ans .project-footer > svg{ width: 30px; height: 10px; }
	#medela20ans .project-footer h3{ font-size: 22px; line-height: 30px; }
	/*#medela20ans .project-footer p{ font-size: 16px; line-height: 30px; }*/
	#medela20ans .project-footer .contact-button{ margin-top: 26px; }
	#medela20ans .project-footer .contact-button span{ top: -30px; }
	#medela20ans .project-footer .contact-button span:before,
	#medela20ans .project-footer .contact-button span:after{ height: 2px; width: 9px; }
	#medela20ans .project-footer .contact-button span:before{ left: 3px; transform: rotate(-50deg); }
	#medela20ans .project-footer .contact-button span:after{ transform: rotate(50deg); }
	#medela20ans .footer-nav{ height: 100px; }
	#medela20ans .footer-nav .middle{ max-width: 213px; }
	#medela20ans .footer-nav .middle a p{ background-color: transparent; }
	#medela20ans .footer-nav p span{ top: -10px; }
	#medela20ans .footer-nav .side{ max-width: calc(50% - 106.5px); }
	#medela20ans .footer-nav .side.left{ padding-left: 30px; }
	#medela20ans .footer-nav .side.right{ padding-right: 30px; }
	#medela20ans .footer-nav .middle a:hover p:after{ content: ''; display: none; }
}
@media all and (max-width: 767px){
	#medela20ans .header{ font-size: 44px; line-height: 50px; }
	#medela20ans .header h1{ bottom: 20px; left: 30px; }
	#medela20ans .header .img-wrapper{ height: 320px; }
	#medela20ans .header .presentation .mask{ display: none; }
	#medela20ans .header .presentation .wrapper .left,
	#medela20ans .header .presentation .wrapper .right{ display: block; width: 100%; max-width: 100%; padding: 25px 30px; }
	#medela20ans .header .presentation .wrapper .left{ background-color: #FFF; text-align: left; }
	#medela20ans .capture-parallax{ margin: 0 auto; padding-top: 40px; }
	#medela20ans .capture-parallax .capture{ padding: 0 20px 0 30px; margin-bottom: 25px; }
	#medela20ans .capture-parallax .capture img{ max-width: 100%; }
	#medela20ans .capture-parallax .motif{ display: none; }
	#medela20ans .content .floating{ padding: 0 35px; margin-bottom: 50px; }
	#medela20ans .content .floating p{ font-size: 16px; line-height: 24px; }
	#medela20ans .content .illustration{ margin: 0 auto 70px; text-align: center; display: block; }
	#medela20ans .content .hexa-text{ margin: 0 auto 60px; float: none; display: block; text-align: center; }
	#medela20ans .content .hexa-text .text{ max-width: 270px; text-align: left; left: 50%; margin-left: -135px; }
	#medela20ans .content .hexa-bg{ display: block; width: auto; margin: 0 auto 60px; text-align: center; top: 0; }
	#medela20ans .content .video video{ max-width: 100%; }
	#medela20ans .content .motif-triptique{ margin-bottom: 30px; }
	#medela20ans .description .left h3{ width: 100%; max-width: 100%; padding: 0 30px; font-size: 32px; line-height: 40px; margin-bottom: 25px; }
	#medela20ans .description .left p{ width: 100%; max-width: 100%; padding: 0 30px; font-size: 16px; line-height: 22px; margin-bottom: 18px; }
	#medela20ans .description .left .socials{ text-align: center; margin-bottom: 30px; }
	#medela20ans .description .left .socials a{ margin: 0 6px; }
	#medela20ans .description .left div:last-child img,
	#medela20ans .description .right img:first-child{ width: calc(100% - 27px); margin: 0 12px 0 15px; }
	#medela20ans .description .right img:first-child{ margin-bottom: 40px; }
	#medela20ans .description .right{ padding-top: 30px; }
	#medela20ans .description .right p{ margin-left: 40px; }
	#medela20ans .project-footer{ padding-top: 45px; }
	#medela20ans .project-footer .visuel{ margin-bottom: 45px; }
	#medela20ans .footer-nav{ height: 115px; }
	#medela20ans .footer-nav p{ font-size: 0; }
	#medela20ans .footer-nav .side { max-width: calc(50% - 75px); }
	#medela20ans .footer-nav .side.left,
	#medela20ans .footer-nav .side.right{ padding: 0; text-align: center; }
	#medela20ans .footer-nav .side.left p span{ left: 0; }
	#medela20ans .footer-nav .side.right p span{ right: 0; }
	#medela20ans .footer-nav .middle{ max-width: 150px; }
	#medela20ans .footer-nav .middle a p span{ display: none; }
	#medela20ans .footer-nav .middle a p{ font-size: 16px; line-height: 21px; }
	.portfolio .center-footer h3,
	#medela20ans .project-footer h3{ margin-bottom: 10px; }
	.portfolio .center-footer p,
	#medela20ans .project-footer p{ display: inline; }
	#medela20ans .project-footer .label-projet{ padding: 0 30px; }
	.portfolio .center-footer .contact-button{ margin-top: 36px; }
	#medela20ans .project-footer .contact-button{ margin-top: 46px; }
	#footer{ padding-bottom: 42px; }
	#footer .last-links{ bottom: 52px; }
	.portfolio .projects .project h2 a{ display: inline; }
	.portfolio .projects .project h2:before{ margin-left: 15px; }
}
@media all and (min-width: 1300px){
	.home-presentation .list-container .left:last-child{
		padding-left: 42px;
	}
	.container-parallax .parallax-left .title ul li{
		margin-top: -10px;
	}
	.home-presentation .list-container .left:first-child{
		padding-right: 180px;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 34px;
	}
	.home-presentation .list-container .left:last-child{
		padding-left: 25px;
	}
}
@media all and (min-width: 1130px) and (max-width: 1299px){
	.home-presentation .list-container .left:first-child{
		padding-right: 38px;
	}
	.home-presentation .list-container .left:last-child{
		max-width: 400px;
	}
	.home-presentation .list-container{
		padding-top: 125px;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 34px;
	}
	.section-framed{
		padding: 0 50px;
	}
	#customers .parallax-right{
		right: 100px;
	}
}
@media all and (min-width: 1024px) and (max-width: 1130px){
	.home-presentation .list-container .left:first-child{
		padding-right: 38px;
	}
	.home-presentation .list-container .left:last-child{
		max-width: 400px;
	}
	.home-presentation .list-container{
		padding-top: 125px;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 34px;
	}
	#customers .hexagones-line{
		top: 12% !important;
	}
	#agence .parallax-right .hexagone-wrapper img {
		max-width: 90%;
	}
	.section-framed{
		padding: 0 15px;
	}
	#customers .parallax-right{
		right: 0;
	}
	#scene-customers.container-parallax .parallax-right .container-cells{
		right: 25px;
	}
}
@media all and (max-width: 1024px){
	#main-header #nav ul li span svg{
		display: none !important;
	}
	#agence .container-parallax .parallax-right {
		top: -12% !important;
	}
	#agence .parallax-right .valign-table{
		padding: 0 45px;
	}
	#agence .parallax-right .text .title span{
		width: 0;
		height: 0;
		display: none;
		visibility: hidden;
	}
	#customers .wrapper{
		z-index: 1;
	}
	.container-parallax .parallax-right{
		top: -11% !important;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(1){
		top: 2% !important;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(2){
		top: -21% !important;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(3){
		top: -11% !important;
	}
	#agence .hexagones-grid{ top: 63% !important; }
	#grid-wrapper{ position: static; }
	#achievements-grid{ padding-top: 0 !important; }
	#achievements-grid .achievement-element{ top: 0 !important; opacity: 1 !important; }
	.container-parallax .parallax-left .title ul li span{ top: 0 !important; }

	.home-presentation .list-container{
		padding-top: 70px;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 34px;
	}
}
@media all and (max-width: 768px){
	#frame #menu-button{ display: block; }
	#frame #menu-desktop{ display: none; }

	#customers .hexagones-line{
		top: -4% !important;
	}
	#expertise{ margin-top: 128px; }
	#expertise .container-parallax .parallax-right {
		top: -15% !important;
	}
	#agence .parallax-right .hexagone-wrapper img {
		max-width: 90%;
	}
	.under-frame{
		background-color: rgb(255, 137, 128);
	}
	.home-landing{
		background-color: #FFFFFF;
	}

	.container-parallax .parallax-right .container-cells .cell-row{
		padding: 0;
	}
	#expertise .parallax-right .cell-row{
		height: 224px;
	}
	#expertise .parallax-right .cell-row .valign-cell{
		vertical-align: top;
	}
	#expertise .parallax-right .cell-row:last-child .cell-item{
		padding-top: 30px;
	}
	#expertise .container-parallax .parallax-right{
		top: -34px !important;
	}
	.home-agence .backgrounded .agence-content p, .home-presentation p, #home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content .cb-slide-block-content-text p, #expertise .parallax-right .cell-item p, .container-parallax .parallax-left .presentation, #agence .parallax-right .text p{
		font-weight: 500;
	}
	.home-presentation .list-container{
		padding: 80px 50px 35px;
	}
	.home-presentation .list-container .left:first-child{
		padding-right: 40px;
		width: 50%;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 27px;
		padding-top: 52px;
	}
	.home-presentation .list-container .left:last-child{
		width: 50%;
		padding-left: 20px;
	}
	#home-slider .cb-slider-wrapper {
		-webkit-overflow-scrolling: touch;
	}
}
@media all and (min-width: 1024px) and (max-width: 1299px){
	.home-agence .backgrounded{
		padding: 0 100px;
	}
	.container-parallax .parallax-left .title{
		font-size: 60px;
		line-height: 48px;
		text-align: left;
	}
	#achievements-grid .achievement_element .achievement_description_content{
		font-size: 17px;
		line-height: 19px;
	}
	#achievements-grid .achievement_on_content{
		font-size: 12px;
		line-height: 14px;
	}
	.container-parallax .parallax-left{
		padding-left: 50px;
	}
	.container-parallax .parallax-left .title ul li{
		height: 58px;
	}
	#customers .parallax-right .cell-item{
		height: 140px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column{
		width: 140px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(1){
		right: 332px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(2){
		/*left: 166px;*/
		left: auto;
		right: 166px;
	}
	.container-parallax .parallax-left .presentation{
		font-size: 16px;
		line-height: 26px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(3){
		/*left: 332px;*/
		left: auto;
		right: 0;
	}
	#achievements-grid #achievement-bouygues-description svg{
		top: 3px;
		width: 55px;
		height: auto;
	}
	#achievements-grid .achievement-element .achievement-description-content{
		font-size: 18px;
		line-height: 22px;
	}
	#achievements-grid .achievement-element .achievement-cartridge{
		font-size: 16px;
	}
	#achievements-grid #achievement-bouygues-description .achievement-description-content{
		padding-right: 49px;
	}
	#achievements-grid #achievement-fntp-description .achievement-description-content{
		padding-left: 71px;
	}
	#achievements-grid #achievement-bouygues-description .achievement_description_content{
		padding-right: 60px;
	}
	#achievements-grid #achievement-fntp-description svg{
		width: 45px;
		height: 111px;
	}
	#achievements-grid #achievement-fntp-description .achievement_description_content{
		padding-left: 71px;
	}
	#achievements-grid #achievement-sos-medecins-description .achievement_description_content{
		padding-top: 35px;
	}
	#achievements-grid #achievement-tf1-description svg{
		width: 70px;
		height: 40px;
		margin-left: -35px;
	}
	.container_parallax > .parallax_left{
		padding: 0 50px;
	}
	.container_parallax .parallax_left .title{
		font-size: 50px;
		line-height: 45px;
	}
	#expertise .parallax_right .container_cells{
		padding-top: 0;
		padding-bottom: 0;
	}
	#expertise .parallax_right .cell-item{
		padding: 0 20px;
	}
	#expertise .parallax_right .cell-item p{
		font-size: 14px;
	}
	#expertise .parallax_right .cell-row{
		height: 400px;
	}
	#expertise .parallax-right .cell-item p{
		font-size: 14px;
		line-height: 20px;
	}
	.container-parallax .parallax-right .container-cells .cell-row .cell-item:first-child{
		padding-right: 30px;
	}
	.container-parallax .parallax-right .container-cells .cell-row .cell-item:last-of-type{
		padding-left: 30px;
	}
	#customers .parallax_right .container_cells .cell-row{
		height: 120px;
	}
	#agence .parallax-right .hexagone-wrapper img{
		max-width: 90%;
	}
	#agence .parallax_right .text .title span{
		display: none;
	}
	#agence .parallax-right .text .title{
		font-size: 30px;
		line-height: 34px;
		padding-top: 50px;
	}
	#footer .blocks-list .block:nth-child(1){
		width: 122px;
	}
	#footer .blocks-list .block:nth-child(1) img{
		max-width: 100%;
	}
	#footer .blocks-list .block:nth-child(3), #footer .blocks-list .block:nth-child(5){
		width: 54px;
	}
	#footer .blocks-list .block:nth-child(4){
		width: 136px;
	}
	#footer .blocks-list .block:nth-child(6){
		width: 156px;
	}
	#footer .blocks-list .block:nth-child(7){
		margin-left: 33px;
	}
	#agence .parallax-right .text{
		font-size: 16px;
		line-height: 26px;
	}
	#footer{
		font-size: 16px;
	}
	#footer .second{
		font-size: 12px;
	}
	#footer .blocks-list .block:nth-child(2){
		margin-left: 40px;
		width: 283px;
	}
}
@media all and (min-width: 768px) and (max-width: 1023px){

	.home-landing .under-frame{
		background-color: rgb(255, 137, 128);
	}
	.home-landing{
		padding: 50px;
		background: #f7f6f2 ;
	}
	.home-agence .backgrounded .agence-content{
		max-width: 100%;
	}
	.section-framed{
		padding: 0 25px;
	}
	.home-agence{
		margin-bottom: 0 !important;
	}
	.home-presentation{
		width: 100%;
	}
	.home-title{
		font-size: 18px;
		margin: 32px 0 26px;
		padding: 0 0 37px 50px;
	}
	#realisations .home-title{ margin-top: 55px; }
	.portfolio .introduction{ margin-bottom: 50px; }
	.directive-portfolio .projects{ padding: 65px 0; }
	.portfolio .projects{ max-width: 538px; }
	.portfolio .projects .project a.see-more{ padding: 8px 10px; }
	.portfolio .center-footer{ padding: 60px 25px; }
	.home-title:after{
		left: 140px;
		width: 18px;
		background-size: contain;
		height: 10px;
	}
	.home-agence .backgrounded{
		padding: 0 65px;
	}
	.home-agence .backgrounded .agence-content p{
		font-size: 15px;
		line-height: 22px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content{
		height: 130px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content .cb-slide-block-content-text{
		height: 95px;
	}
	.home-agence .backgrounded .agence-title{
		position: relative;
		font-size: 50px;
		line-height: 45px;
	}
	.home-agence .backgrounded .agence-content{
		padding-top: 85px;
	}
	.home-agence .backgrounded .agence-content .list-chips{
		top: 52px;
	}
	.home-agence .backgrounded .agence-title ul li{
		height: 50px;
	}
	.home-slider .cb-slide-block .portfolio-link{ bottom: -5px; }
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block{
		bottom: 0;
		right: 10%;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title{
		height: 40px;
		line-height: 40px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title h3 {
		font-size: 16px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title h3 em, #home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title h3 span{
		font-size: 8px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title .cb-slide-chips{
		margin: 15px 20px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content .cb-slide-block-content-text p{
		font-size: 13px;
		line-height: 17px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content ul li{
		font-size: 12px;
	}
	.container-parallax .parallax-left .title{
		font-size: 50px;
		line-height: 45px;
		margin-bottom: 60px;
	}
	#achievements-grid .achievement-element .achievement-cartridge{
		bottom: 5px;
		left: 5px;
	}
	#achievements-grid .achievement_on_content{
		font-size: 12px;
	}
	#achievements-grid #achievement-bouygues-description .achievement-description-content{
		padding-right: 15px;
	}
	#achievements-grid .achievement-element .achievement-description-content{
		font-size: 14px;
		line-height: 18px;
	}
	#achievements-grid #achievement-fntp-description .achievement-description-content{
		padding-left: 61px;
	}
	#achievements-grid #achievement-sos-medecins-description .achievement-description-content{
		padding-top: 25px;
	}
	#achievements-grid #achievement-tf1-description .achievement-description-content{
		padding-top: 30px;
	}
	#achievements-grid #achievement-bouygues-description svg{
		right: -16px;
	}
	#achievements-grid .achievement-element .achievement-cartridge{
		font-size: 16px;
		bottom: 23px;
		height: 20px;
		line-height: 20px;
	}
	#achievements-grid .achievement-element .achievement-projecttype{
		bottom: 7px;
		left: 5px;
		font-size: 14px;
	}
	.container-parallax .parallax-left{
		padding: 59px 30px 59px 50px;
	}
	#scene-customers .parallax-left{
		padding-top: 57px;
		padding-bottom: 59px;
	}
	.container-parallax .parallax-left .title ul li{
		height: 44px;
	}
	#customers .parallax-right{
		right: 15px;
	}
	#customers .parallax-right .cell-item{
		height: 120px;
		margin: 15px 0;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column{
		width: 120px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(1){
		right: 272px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(2){
		/*left: 166px;*/
		left: auto;
		right: 136px;
	}
	.container-parallax .parallax-left .presentation{
		font-size: 13px;
		line-height: 20px;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(3){
		/*left: 332px;*/
		left: auto;
		right: 0;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(1){
		top: 2% !important;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(2){
		top: -21% !important;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(3){
		top: -11% !important;
	}
	.section_framed{
		padding: 0 25px;
	}
	#achievements-grid .achievement_element .achievement_cartridge{
		font-size: 15px;
		line-height: 15px;
		height: 15px;
		bottom: 6px;
		left: 6px;
	}
	#achievements-grid .achievement_element .achievement_description_content{
		font-size: 15px;
		line-height: 17px;
	}
	#achievements-grid #achievement-bouygues-description .achievement_description_content{
		padding-right: 36px;
	}
	#achievements-grid #achievement-bouygues-description svg{
		width: 40px;
		height: 54px;
		top: 12px;
	}
	#achievements-grid #achievement-fntp-description .achievement_description_content{
		padding-left: 65px;
	}
	#achievements-grid #achievement-fntp-description svg{
		width: 40px;
		height: 99px;
	}
	#achievements-grid #achievement-sos-medecins-description .achievement_description_content{
		padding-top: 28px;
	}
	#achievements-grid #achievement-sos-medecins-description svg{
		height: 20px;
		width: 27px;
		margin-left: -14px;
	}
	#achievements-grid #achievement-tf1-description .achievement_description_content{
		padding-top: 30px;
	}
	#achievements-grid #achievement-tf1-description svg{
		width: 47px;
		height: 23px;
	}
	.container_parallax > .parallax_left{
		padding: 0 40px;
	}
	.container_parallax .parallax_left .title{
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 65px;
	}
	.container_parallax .parallax_left .presentation{
		font-size: 14px;
		line-height: 20px;
	}
	.container-parallax .parallax-right{
		right: 0;
	}
	.container-parallax .parallax-right .container-cells .cell-row .cell-item:first-child{
		padding-right: 20px;
	}
	.container-parallax .parallax-right .container-cells .cell-row .cell-item:last-child{
		padding-left: 20px;
	}
	#expertise .parallax-right .cell-item .img-wrapper{
		height: 70px;
	}
	#expertise .parallax_right .cell-row{
		height: 240px;
	}
	#expertise .parallax-right .cell-row:nth-child(1) .cell-item:nth-child(1) svg{
		width: 73px;
	}
	#expertise .parallax-right .cell-row:nth-child(1) .cell-item:nth-child(2) svg{
		width: 51px;
	}
	#expertise .parallax-right .cell-row:nth-child(2) .cell-item:nth-child(1) svg{
		width: 72px;
	}
	#expertise .parallax-right .cell-row:nth-child(2) .cell-item:nth-child(2) svg{
		width: 116px;
	}
	#expertise .parallax-right .cell-item p.title{
		font-size: 13px;
		padding-top: 28px;
	}
	#expertise .parallax-right .cell-item p{
		font-size: 12px;
		line-height: 16px;
	}
	#expertise .parallax_right .container_cells{
		padding: 25px;
	}
	#expertise .parallax_right .container_cells .cell-row{
		padding: 0;
	}
	#expertise .parallax-right .container-cells{
		padding: 30px 20px 30px;
	}
	#expertise .parallax_right .container_cells .cell-row:nth-child(1) .cell-item:nth-child(1) img{ width: 56px; }
	#expertise .parallax_right .container_cells .cell-row:nth-child(1) .cell-item:nth-child(2) img{ width: 66px; }
	#expertise .parallax_right .container_cells .cell-row:nth-child(2) .cell-item:nth-child(1) img{ width: 55px; }
	#expertise .parallax_right .container_cells .cell-row:nth-child(2) .cell-item:nth-child(2) img{ width: 83px; }
	#expertise .parallax_right .cell-item{
		padding: 0 25px;
	}
	#expertise .parallax_right .cell-item:first-child{
		padding-left: 0;
	}
	#expertise .parallax_right .cell-item:last-child{
		padding-right: 0;
	}
	#expertise .parallax_right .cell-item p{
		font-size: 13px;
		line-height: 17px;
	}
	.section-parallax .home-title{
		margin-top: 165px;
		margin-bottom: 30px;
	}
	#customers .parallax_right{
		padding: 0 25px;
	}
	#agence .parallax-right .valign-table{
		padding: 0 35px;
	}
	#customers .parallax_right .container_cells{
		padding: 25px 0;
	}
	#customers .parallax_right .container_cells .cell-row{
		height: 150px;
	}
	#customers .parallax-right .cell-item img{
		max-width: 80%;
	}
	#agence .parallax_right .text .title{
	}
	#agence .parallax_right .text{
		font-size: 14px;
		line-height: 20px;
	}
	#agence .parallax_right .text .title span{
		display: none;
	}
	#agence .parallax-right .text .title{
		font-size: 25px;
		line-height: 25px;
		padding: 30px 0;
	}
	#agence .parallax-right .text p:nth-child(2){
		font-size: 13px;
		line-height: 19px;
	}
	#agence .parallax-right .text{
		padding-bottom: 40px;
	}
	.linked-in-button-wrapper{
		margin-top: 20px;
	}
	#agence .parallax-right .hexagone-wrapper{
		padding-bottom: 38px;
	}
	#agence .parallax-right .hexagone-wrapper img{
		max-width: 75%;
	}
	#customers{
		margin-top: 135px;
	}
	#agence{
		margin: 133px 0 150px;
	}
	#agence .linked-in-button svg{
		top: 9px;
	}
	#agence .container-parallax .parallax-right{
		top: -44px !important;
	}
	#footer .blocks-list .block:nth-child(1){
		width: 150px;
	}
	#footer .blocks-list .block:nth-child(1) img{
		width: 70%;
	}
	#footer .blocks-list .block:nth-child(2){
		width: 180px;
		margin-left: 5px;
		font-size: 10px;
	}
	#footer .blocks-list .block:nth-child(3){
		width: 30px;
	}
	#footer .blocks-list .block:nth-child(4){
		width: 115px;
	}
	#footer .blocks-list .block:nth-child(5){
		width: 30px;
	}
	#footer .blocks-list .block:nth-child(6){
		font-size: 15px;
		width: 146px;
	}
	#footer .blocks-list .block:nth-child(7){
		width: 80px;
		margin-left: 16px;
		top: 4px;
	}
	#footer .blocks-list .block:nth-child(7) svg{
		width: 15px;
	}
	#footer .blocks-list .block:nth-child(7) a:nth-child(2){
		margin-left: 10px;
		margin-top: -5px;
	}
	#scene-customers.container-parallax .parallax-right .container-cells{
		margin-top: -60px;
	}
}
@media all and (max-width: 900px){
	#customers .parallax_right .container_cells .cell-row{
		height: 90px;
	}
	#footer{
		font-size: 15px;
	}
	#footer .block.first img{
		max-width: 100px;
	}
	#footer .second{
		font-size: 10px;
	}
	#footer > .separator{
		top: -9px;
	}
	#main-header #nav .backgrounded{ padding-top: 40px; height: auto; }
	#main-header #nav{ padding-left: 25px; }
}
@media all and (max-width: 767px){

	@keyframes squeezy{
		0%{ bottom: 50px; opacity: 0; }
		50%{ bottom: 50px; opacity: 0; }
		60%{ opacity: 1; }
		66%{ bottom: 75px; opacity: 1; }
		90%{ bottom: 48px; opacity: 1; }
		100%{ bottom: 50px; opacity: 1; }
	}
	#see-more-picto{
		bottom: 50px;
	}
	.parallax-left .valign-cell .separator{
		left: 0 !important;
	}
	#achievements-grid .achievement-element .achievement-cartridge{
		height: 21px;
	}
	#main-header #nav .blog{ margin-top: 65px; }
	#main-header #nav .backgrounded{ padding-top: 14px; }
	#main-header #nav .hexagone-wrapper{
		width: 100% !important;
		height: 100% !important;
		left: 0 !important;
		position: fixed;
	}
	#main-header #nav .hexagone-wrapper > svg{
		transform-origin: top left;
	}
	#main-header ul{
		top: 0;
		height: auto !important;
		padding: 15% 0;
	}
	#main-header ul li{
		height: 62.5px;
		top: 0;
		padding: 10px 0;
	}
	#main-header ul li a{
		font-family: 'Work Sans', sans-serif;
		font-weight: 400;
		font-size: 18px;
		padding: 0;
	}
	#main-header ul li a:hover + span{
		display: none !important;
	}
	#frame #basaltiq{
		left: 15px;
	}
	.home-presentation{
		width: 100%;
	}
	.home-presentation > div{
		height: auto !important;
	}
	.home-agence .backgrounded{
		padding: 35px 22px;
		height: auto;
		background-color: #ff8880;
	}
	.section-framed{
		padding: 0 15px;
	}
	.section-parallax .home-title{
		margin-top: 60px;
		margin-bottom: 40px;
	}
	.home-agence{
		left: 0;
		padding: 0;
	}
	.hexagones-stripes-container{
		width: calc(100% - 30px);
		left: 15px;
	}
	.home-landing.loaded{
		padding: 15px
	}
	.home-landing{
		padding: 15px;
	}
	.home-title{
		font-size: 20px;
		padding: 0 0 26px 22px;
		margin-bottom: 42px;
		margin-top: 50px;
		margin-left: 0 !important;
	}
	.home-title:after{
		left: 97px;
	}
	.home-agence{
		position: relative;
		top: 70px;
		padding: 0 15px;
		margin: 0;
	}
	.home-agence .backgrounded{
		position: static;
	}
	.home-agence .backgrounded .agence-title{
		font-size: 40px;
		line-height: 38px;
	}
	.home-agence .backgrounded .agence-title ul li:last-child{
		height: 50px;
	}
	.home-agence .backgrounded .agence-title ul li span{
		top: 100px;
	}
	.home-agence .backgrounded .agence-title ul li{
		height: 42px;
	}
	.home-agence .backgrounded .agence-title ul li:nth-child(2){
		margin-top: -4px;
	}
	.home-agence .backgrounded .agence-title em{
		display: block;
	}
	.home-agence .backgrounded .agence-content{
		padding-top: 70px;
		max-width: 100%;
	}
	.home-agence .backgrounded .agence-content .list-chips{
		left: 7px;
		top: 30px;
	}
	.home-agence .backgrounded .agence-content p{
		line-height: 22px;
		font-size: 16px;
	}
	#achievements-grid .achievement_element{
		width: 50%;
	}
	.container_parallax > .parallax_left, .container_parallax > .parallax_right{
		width: 100%;
		top: 0 !important;
		position: relative;
	}
	.container_parallax > .parallax_left{
		padding: 45px 25px 0;
	}
	.container_parallax .parallax_left .title{
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.container_parallax .parallax_left .separator{
		margin-bottom: 30px;
	}
	.container_parallax .parallax_left .presentation{
		font-size: 13px;
		line-height: 23px;
		padding-bottom: 55px;
	}
	.container_parallax .parallax_right .container_cells{
		padding: 0 25px;
	}
	.container_parallax .parallax_right .container_cells .cell-row{
		width: 100%;
		padding: 0;
	}
	#achievements-grid .achievement-element{
		opacity: 1 !important;
		top: 0 !important;
		width: 50%;
	}
	#achievements-grid .achievement-element .achievement-cartridge{
		font-size: 16px;
		left: 6px;
		bottom: 22px;
	}
	#achievements-grid .achievement-element .achievement-projecttype{
		left: 6px;
		bottom: 6px;
		font-size: 14px;
	}
	#expertise .parallax-left{
		width: 100%;
		padding: 60px 25px 93px;
	}
	#expertise .parallax-right{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: 100%;
	}
	.container-parallax .parallax-left .title{
		font-size: 40px;
		line-height: 38px;
	}
	.container-parallax .parallax-left .title ul li{
		height: 38px;
	}
	.container-parallax .parallax-left .presentation{
		font-size: 16px;
		line-height: 22px;
	}
	#expertise .container-parallax .parallax-right .container-cells .cell-row .cell-item{
		width: 100%;
		border: none;
		border-bottom: 1px solid #fff;
	}
	.container-parallax .parallax-right .container-cells .cell-row:last-of-type .cell-item:last-of-type{
		border-bottom: none;
	}
	.container-parallax .parallax-right .container-cells .cell-row .cell-item, .container-parallax .parallax-right .container-cells .cell-row .cell-item:last-of-type, .container-parallax .parallax-right .container-cells .cell-row .cell-item:first-child{
		padding: 0;
	}
	#expertise{
		margin-bottom: 0;
	}
	#expertise .parallax-right .container-cells{
		padding: 40px 20px 40px;
	}
	#expertise .parallax-right .cell-row{
		height: auto;
		border-bottom: 0;
	}
	#expertise .parallax-right .cell-item{
		float: none;
		width: 100%;
		padding: 25px 0;
		border-left: 0;
		border-bottom: 1px solid #fff;
		margin: 0 auto;
	}
	#expertise .parallax-right .container-cells .cell-row{
		padding: 0;
	}
	#expertise .parallax-right .cell-item p.title{
		font-size: 20px;
	}
	#expertise .parallax-right .cell-item p{
		font-size: 16px;
	}
	#expertise .parallax-right .cell-row:last-of-type .cell-item:last-of-type{
		border-bottom: 0;
	}
	.container-parallax .parallax-right{
		position: relative;
		width: auto !important;
		top: auto !important;
		right: 0 !important;
	}
	#customers .parallax-right .cell-item{
		margin: 5px 0;
	}
	#customers .wrapper{
		z-index: 1;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column{
		position: static !important;
		padding: 0 5px 5px;
		width: 100%;
		float: left;
	}
	#customers .parallax-right .cell-item{
		width: 50%;
		padding: 0 5px 0 5px;
		float: left;
		background-color: transparent;
		height: 160px;
	}
	#customers .parallax-right .cell-item .img-wrapper{
		background-color: #FFF;
	}
	#customers .parallax-right .cell-item img{
		max-width: 80%;
	}
	#scene-customers .parallax-left{
		padding: 60px 20px;
		width: 100%;
	}
	#agence .parallax-left{
		width: 100%;
		padding: 65px 25px 60px;
	}
	#agence .parallax-right .valign-table{
		padding: 0 15px;
	}
	#agence .parallax-right .text .title{
		padding: 60px 0 50px;
		font-size: 30px;
		line-height: 32px;
	}
	#agence .parallax-right .text .title span{
		text-align: right;
		width: 0;
		display: none;
	}
	#agence .parallax-right .text p{
		font-size: 16px;
		line-height: 22px;
	}
	#agence{
		margin-bottom: 50px;
	}
	#footer{
		font-size: 22px;
	}
	#footer .blocks-container{
		height: auto;
		padding-bottom: 10px;
	}
	#footer .blocks-list .block:nth-child(1){
		margin: 60px 0 25px !important;
	}
	#footer .blocks-list .block:nth-child(1) img{
		width: auto;
		max-width: 40%;
	}
	#footer .blocks-list .block:nth-child(2){
		margin: 0 0 30px !important;
	}
	#footer .blocks-list .block:nth-child(2) img{
		padding-right: 0;
		position: static;
		top: auto;
		display: block;
		margin: 0 auto;
	}
	#footer .blocks-list .block:nth-child(3){
		margin-bottom: 30px !important;
	}
	#footer .blocks-list .block:nth-child(4){
		margin-bottom: 15px !important;
		margin-bottom: 35px !important;
	}
	#footer .blocks-list .block:nth-child(5){
		margin-bottom: 40px !important;
		margin-bottom: 30px !important;
	}
	#footer .blocks-list .block:nth-child(5) a span{
		color: #ff8980;
	}
	#footer .blocks-list .block:nth-child(6){
		margin-bottom: 50px !important;
	}
	#footer .blocks-list .block:nth-child(6) svg{
		width: 30px;
	}
	#footer .blocks-list .block:nth-child(6) svg path,
	.portfolio #footer .blocks-list .block:nth-child(7) svg path,
	.single-case-study-footer #footer .blocks-list .block:nth-child(7) svg path{
		fill: #ff8980 !important;
	}
	#footer .blocks-list .block:nth-child(6) a:nth-child(2) svg{
		width: 35px;
		height: 30px;
	}
	#footer .blocks-list .block:nth-child(6) a{
		float: none;
		margin-right: 4px;
	}
	#footer .block, #footer .block .valign-table{
		width: 100% !important;
		min-height: 10px;
		height: auto;
		padding: 0 !important;
		margin: 0 !important;
		text-align: center;
	}
	#footer .fifth a{
		margin-right: 0;
	}
	#main-header ul li a:hover{
		color: #c3c1ba;
		font-weight: 300;
		text-transform: unset;
	}
	#achievements-grid .achievement-element:hover .achievement-image{
		transform: scale(1);
	}
	#achievements-grid.desktop .achievement-element.achievement:hover .achievement-cartridge{
		opacity: 1;
	}
	#expertise .container-parallax .parallax-right .container-cells .cell-row .cell-item{
		position: relative;
		border-bottom: 0;
		padding: 65px 0 60px;
	}
	#expertise .container-parallax .parallax-right .container-cells .cell-row .cell-item:after{
		content: "";
		position: absolute;
		height: 1px;
		width: calc(100% + 40px);
		background: #fff;
		bottom: -2px;
		left: -20px;
	}
	#expertise .container-parallax .parallax-right .container-cells .cell-row:last-child .cell-item:last-child:after{
		display: none;
	}
	#expertise .wrapper{
		background: none;
	}
	#expertise .parallax-right .container-cells{
		padding-top: 0;
		padding-bottom: 0;
	}
	#customers .container-parallax .parallax-right .container-cells .cell-column:nth-child(3){
		margin-bottom: 60px;
	}

	.home-slider.section-framed{
		padding: 0;
	}
	#home-slider{
		height: 590px;
		overflow: visible;
	}
	.home-slider .cb-slide-block .portfolio-link{ bottom: -45px; }
	.home-slider .portfolio-link a{ padding: 5px 7px; }
	.home-slider .portfolio-link a:before{ top: 11px; }
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block{
		bottom: inherit;
		top: 300px;
		width: calc(100% - 30px);
		right: 15px !important;
		height: auto;
	}
	#home-slider .cb-slider-controls{
		display: none;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-image{
		height: 350px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title{
		height: 50px;
		line-height: 50px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content .cb-slide-block-content-text p{
		font-size: 16px;
		font-weight: 400px;
		line-height: 22px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content .cb-slide-block-content-text{
		height: auto;
		padding: 20px 15px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content{
		height: auto;
		-webkit-transition: opacity linear .2s;-moz-transition: opacity linear .2s; -ms-transition: opacity linear .2s; -o-transition: opacity linear .2s; transition: opacity linear .2s
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content ul{
		position: relative;
		left: inherit;
		bottom: inherit;
		padding: 0 15px;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-title .cb-slide-chips{
		transform: rotateZ(90deg);
		transform-origin: bottom right;
		margin: -12px 8px 0 0;
	}
	#home-slider.transition .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content{
		opacity: 0;
	}
	#home-slider .cb-slider-wrapper .cb-slide .cb-slide-block .cb-slide-block-content ul li{
		margin: 0 15px 15px 0
	}

	
	#home-slider .cb-slider-wrapper > .cb-slide-chips{
		display: none;
		visibility: hidden;
	}
	#home-slider .cb-slider-wrapper > .cb-slide-chips li{
		float: none;
		margin: 12px 0;
	}

	.home-presentation .list-container{
		padding: 0 15px 5px;
	}
	.home-presentation .list-container .left{
		display: inline-block;
		width: 100% !important;
		max-width: 100%;
		float: none;
	}
	.home-presentation .list-container .left:first-child{
		padding: 0;
	}
	.home-presentation .list-container .left:first-child h5{
		font-size: 30px;
		padding-bottom: 65px;
		padding-top: 135px;
		text-align: center;
		padding-left: 22px;
	}
	.home-presentation p{
		font-size: 17px;
		line-height: 24px;
	}
	.home-presentation .list-container .left:last-child .deco{
		margin-left: -15px;
	}
	.home-presentation .list-container .left:last-child{
		padding-right: 20px;
	}
	.home-agence .backgrounded .agence-title ul{
		padding-top: 18px;
	}
	#realisations .home-title{ margin-top: 32px; }
	.portfolio .introduction{ margin-left: 22px; margin-bottom: 42px; padding-right: 22px; }
	.portfolio .projects{ max-width: 100%; padding: 45px 30px 0; }
	.portfolio .projects .project h2:before{ position: relative; height: 3px; left: -15px; top: auto; bottom: 3px; }
	.portfolio .projects .project p{ margin-bottom: 20px; }
	.portfolio .projects .project a.see-more { padding: 8px 10px; }
	.portfolio .center-footer{ padding: 50px 25px; }
	.portfolio #footer .blocks-container,
	.single-case-study-footer #footer .blocks-container{ padding-bottom: 60px; }
	.portfolio #footer .blocks-list .block:nth-child(7) a,
	.single-case-study-footer #footer .blocks-list .block:nth-child(7) a{ float: none; }
}
@media all and (max-width: 480px){

	#customers .parallax_right .container_cells .cell-row{
		height: 90px;
	}
	#customers .parallax_right .cell-item img{
		max-width: 100%;
	}
	#achievements-grid .achievement_element .achievement_cartridge{
		font-size: 18px;
	}
}
/*UNDER IPHONE 6*/
@media all and (max-width: 374px){
	#agence .parallax-right .text .title{
		font-size: 22px;
		line-height: 28px;
	}
	#medela20ans .header .img-wrapper {
		height: 270px;
	}
}
@media all and (max-width: 330px){
	.home-presentation{
	}
	.home-presentation > div{
		height: auto !important;
	}
	.home-presentation p:last-of-type {
		margin-bottom: 10px;
	}
}