@charset "utf-8";
/* CSS Document */
/*-----------RESPONSIVE------------*/
@media only screen and (max-width: 768px){
	#intro, #intro-chap01, #intro-chap02, #intro-chap03, #chap01, #chap02, #chap03, #conclusion {padding: 0 5%;}
	#intro{padding: 50px 5% 0;}
	#navsmart{display: block;}
	#navdesktop{display: none;}
	#before-intro {height: 80%;background-position: bottom; display: block;}	
	h1 {padding: 30% 0 0;font-size: 2.5em;display: block;max-width: 320px; word-break: break-word;}
	h2 {max-width: 320px;word-break: break-word;}
	#ss-h1 {margin: 10% 0 0 5%;height: 150px;}
	.logo-partenaire {    margin: 0 0 0 5%;
    width: 70%;
		padding: 0px 0 25% 0;}
	#title-intro:before{display: none;}
	.left, .right {margin: 0 0 30px 0;float: none;width: auto;}
	.displaynone{display: none;}
	.displaynonedesktop {display: block;}
	#intro-chap01 h3 {color: #fff;padding-top: 50px;}
	.clear {padding: 10px 0;}
	.left-tiers {float: none; width: auto;margin: 0 0 30px 0;}
	.left-quart02{float: none; width: auto;}
	.left-quart{width: 50%;padding: 0;}
	.content-quart {padding: 0;}
	#intro-chap02 {background-position: -1440px -70px;background-size: auto;}
	.h5-special {padding: 40px 0 20px 0;}
	#intro-chap01 {background-position: -1440px -100px;background-size: auto;}
	.titre-schemacomplexe {padding: 10px;}
	.left-quart-mission {float: none; width: auto; margin: 0 0 20px 0; padding: 10px;}
	.fond-green {padding: 6%;}
	.left02 {float: none; width: auto;}
	.fond-blue {padding: 8%;}
	.number {font-size: 2em;}
	#intro-chap03 h3 {padding-top: 40px;}
	#intro-chap03 {background-size: auto;background-position: -30px -120px;}
	h4 {margin: 40px auto 20px auto;font-size: 1.8em;max-width: 320px;word-break: break-word;}
	.left-quart.center h2 {margin-bottom: 10px;}
	.tableau-complexe-tiers01{float: none; width: auto;}
	.txt-tableaucomplexe-left, .txt-tableaucomplexe-right {text-align: justify;font-size: 0.8em;}
	#tableau-complexe-centre {float: none;position: initial;padding: 0;width: auto;background-size: cover;}
	.ss-titre-schemacomplexe {font-size: 1em;padding: 20% 0 0 0;}
	.tableau-complexe-left {padding: 10% 0 0 9%;font-size: 0.8em;width: 39%;}
	.tableau-complexe-right{padding: 10% 9% 0 0;font-size: 0.8em;width: 39%;}
	.fleche-chap03 div:nth-child(1) img, .fleche-chap03 div img, .fleche-chap03 div:nth-child(3) img {transform: rotate(0deg);}
	#graphic-defis div:nth-child(3) p, #graphic-defis div:nth-child(1) p {margin: 0px;}
	#graphic-defis div:nth-child(2) p {margin: 20px 0 0;}
	#graphic-defis img {margin: 20px 5px 60px 0;}
	#graphic-defis .fleche-chap03 div:nth-child(2) img{margin-bottom: 20px;}
	#chap03 .left-tiers img{width: 50%;}
	.heightauto{height: auto;}
	.heightimgmiddlesize{width: 40%;margin-top: 50px;}
	.marginbottom{margin-bottom: 40px;}
	.floatnone{float: none;width: auto;}
	.widthauto{width: auto;}
	.widthauto p {margin-left: 30px;}
	.ajust01{font-size: 0.8em;margin-bottom: 80px;}
	.ajust02{margin-top: 120px; display: block;}
	.ajust03{font-size: 0.8em}
	.ajust04{font-size: 0.7em;text-align: left;height: 44px;}
	.ajust05{margin-right: 5px;margin-top: 5px; height: 6px;}
	.Tableau {margin: 0;}
	.Tableau span.col1{width: 70%;}
	.Tableau span.col2{width: 30%;}
	.smartleft{float: left;width: 40%;}
	.smartleft p{text-align: left;}
	.smartright{float: right;width: 50%;}
	.smartright p{text-align: right;}
	#menuToggler {top: 30px;left: 15px;}
	#menu.open{width: auto;}
	#conteneurMenu {padding: 40% 20px;}
	#intro:before{display: none;}

}