@media (min-width:768px){#section1,
#section1bis,
#section2,
#section3,
#section4,
#section5,
#section6{background-attachment:scroll;}
#page1,
#page2,
#page3,
#page5,
#page6,
#page7,
#page7bis,
#page8,
#page9,
#page10,
#page10bis,
#page11,
#page12,
#page13,
#page14,
#page15,
#page16,
#page17,
#page17bis,
#page18,
#page19,
#page20,
#page21,
#page22,
#page23,
#pagefinale{padding-left:60px;padding-right:60px;}
#outils1,
#alternatives1,
#earthship1,
#juliette1,
#juliette2,
#section1bis{padding-left:60px;padding-right:60px;}
#section2 img{width:15px;}
#section3 img{width:15px;}
#section4 img{width:15px;}
#section5 img{width:15px;}
#section6 img{width:15px;}
#pagefinale img{width:15px;}
#rubriques{float:right;cursor:pointer;width:100%;height:65%;margin:0px 0px 0 0px;padding:13px 10px 10px 10px;font-size:0.8em;}
.titre3{font-family:walkway_expandregular;font-size:0.7em;padding-top:6px;padding-bottom:6px;margin-bottom:0px;background-color:#668381;color:#fff;letter-spacing:0.1em;width:17%;height:auto;margin-left:auto;margin-right:auto;margin-top:2.5%;}
.titre4{font-family:chucaratextitalic;font-size:1em;padding-top:5px;padding-bottom:25px;margin-top:10px;background-color:rgba(0,0,0,0);color:#668381;letter-spacing:0.1em;width:43%;height:0px;margin-left:auto;margin-right:auto;}
.dedicace{font-family:oswaldmedium;font-size:1.3em;padding:25px;padding-bottom:25px;margin-bottom:0px;background-color:#668381;color:#fff;letter-spacing:0.03em;width:60%;height:auto;margin-left:auto;margin-right:auto;margin-top:6.5%;margin-bottom:8%;}
.flechedroite img{width:30px !important;}
.flechedroite{margin-top:127%;text-align:right;}
.flechedroite p{font-size:0.9em;color:rgba(0, 0, 0, 0.3);text-align:right;}
.flechedroite a:hover{text-decoration:none;}
.flechesannexes{margin-top:-10px;}
#page2{background-image:url(img/earthshipcouv2f.png);background-position:center left;padding-left:20px;padding-right:20px;text-align:center;width:100%;z-index:1;}
#page4{background-image:url(img/earthship1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page4 .margintop{margin-top:4%;}
#page4bis{background-image:url(img/earthship2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page6{background-image:url(img/chantier_lg.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page14{background-image:url(img/bonhommes3-1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page14 .fondpapier{background-color:rgba(237,237,237, 0.8);padding:30px;}
.page14-blocs{margin-bottom:13%;}
#page15{background-image:url(img/bonhommes3-2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page16{background-image:url(img/page6-1-3.jpg);background-size:cover;background-position:right bottom;background-color:rgba(255,255,255, 1);}
#page17{background-image:url(img/page6-1-5.jpg);background-size:cover;background-position:left bottom;background-color:rgba(255,255,255, 1);}
#page17bis{background-image:url(img/camp1.jpg);background-size:cover;background-position:right bottom;background-color:rgba(255,255,255, 1);}
#page18{background-image:url(img/camp2.jpg);background-size:cover;background-position:left bottom;background-color:rgba(255,255,255, 1);}
#page19{background-image:url(img/village1_sm.jpg);background-size:cover;background-position:right center;background-color:rgba(255,255,255, 1);}
#page20{background-image:url(img/village2.jpg);background-size:cover;background-position:left center;background-color:rgba(255,255,255, 1);}
#page22{background-image:url(img/campagne1.jpg);background-size:cover;background-position:right center;background-color:rgba(255,255,255, 1);}
#page23{background-image:url(img/campagne2.jpg);background-size:cover;background-position:left center;background-color:rgba(255,255,255, 1);}
.fin{margin-top:6%;float:right;margin-right:3%;color:#fff;font-size:1.5em;}
#section3,
#section4,
#section5{background-image:url(img/papierblanc.jpg);background-color:#fff;height:100%;margin-top:0px !important;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;z-index:1;}
#section2{background-image:url(img/page6-1-4.jpg);background-size:cover;background-position:center bottom;z-index:2;}
#credits0{background-image:url(img/equipe-lg1.jpg);background-size:cover;background-position:right bottom;background-color:rgba(255,255,255, 1);}
#credits1{background-image:url(img/equipe-lg2.jpg);background-size:cover;background-position:left bottom;background-color:rgba(255,255,255, 1);}
#credits2{background-image:url(img/papierblanc.jpg);background-color:#fff;height:100%;margin-top:0px !important;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;z-index:1;}
#button-video{background-color:rgba(238,251,216, 0);text-align:center;cursor:pointer;width:200px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:11px 10px 10px 13px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:20px;}
#button-video:hover{background-color:rgba(63,94,127, 0.2);color:#333;}
#button-magazine{background-color:rgba(180, 218, 248, 0);text-align:center;cursor:pointer;width:200px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:11px 10px 10px 13px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-magazine:hover{background-color:rgba(45,117,127, 0.4);color:#333;}
#button-juliette{background-color:rgba(180, 218, 248, 0);color:#999;text-align:center;cursor:pointer;width:250px;height:60px;margin-right:auto;margin-left:auto;padding:8px 10px 10px 20px;border:1px solid;border-radius:50% 40%!important;font-family:never_say_neverregular;font-size:0.8em;}
#button-earthship{background-color:rgba(238,251,216, 0);text-align:center;cursor:pointer;height:40px;color:#EAEAEA;margin-right:auto;margin-left:auto;padding:8px 10px 10px 13px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:20px;}
#button-earthship:hover{background-color:rgba(63,94,127, 0.2);color:#bcbcbc;}
#button-poursuivre-earthship{background-color:rgba(180, 218, 248, 0);text-align:center;cursor:pointer;height:40px;color:#EAEAEA;margin-right:auto;margin-left:auto;padding:8px 10px 10px 13px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-poursuivre-earthship:hover{background-color:rgba(45,117,127, 0.4);color:#bcbcbc;}
#button-poursuivre{background-color:rgba(238,251,216, 0);text-align:center;cursor:pointer;width:130px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 10px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-poursuivre:hover{background-color:rgba(63,94,127, 0.2);color:#333;}
#button-outils{background-color:rgba(180, 218, 248, 0);text-align:center;cursor:pointer;width:130px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 20px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-outils:hover{background-color:rgba(45,117,127, 0.4);color:#333;}
.prelude{margin-left:0%;margin-top:0%;padding-bottom:2%;text-align:justify;}
#page3 .videotitre{font-family:oswaldmedium;font-size:4em;text-align:center;margin-top:-6%;padding-bottom:0%;width:60%;margin-left:auto;margin-right:auto;color:#000;}
#page3 .lemagazine{font-family:never_say_neverregular;font-weight:700;}
.fondnoir-hidden-xs{background-color:rgba(0,0,0, 0.8);color:#eee;padding:0px;}
.fondpapier-dur{background-color:rgba(237,237,237, 1);padding:30px;}
.padding-quote4{padding:30px 00px 0px 10px;}
.padding-quote4 p{font-family:'chucaratextitalic';font-size:1.1em;margin-bottom:0px;}
.padding-quote4 h1{font-size:1.4em;}
.fin{margin-top:30%;}
.margin50px-mobile{padding-top:0px}
.margin30px-mobile{margin-top:0px}
.margin15px-mobile{margin-top:0px}
.margin-top-thomas{margin-top:-2%;margin-bottom:-0%;z-index:4;}
.margin-topchauffagepassif{margin-top:5%;}
.co-realisateurs{font-size:0.9em;}
.co-realisateurs img{width:100% !important;}
#section1bis p{font-family:never_say_neverregular;font-size:1em;text-align:center;}
.finale-font-cc{font-size:1.3em !important}
.finale-font-don{font-size:4.5em !important}
.plan-font-fleche{font-size:1.5em !important;}
.plan-margin-fleche{margin-top:15px;}
.plan-magazine{background-color:rgba(180, 218, 248, 0);color:#5d5d5d;text-align:center;width:80%;height:50px;margin-right:3px;margin-left:auto;margin-top:3px;padding:5px;border:1px solid;border-radius:0% 0%;font-family:never_say_neverregular;font-size:0.8em;float:left;}
.padding-plan{padding-left:0px;padding-right:0px;}
.padding-plan-flechebas{padding-left:6%;text-align:left;}
.plan-fleche-droite{float:left;margin-top:15%;width:15%;}
.margin-bottom-plan{margin-bottom:6%;}
.navigation-margin1{margin-top:14%;}
.navigation-margin2{margin-top:14%;}
.navigation-margin3{margin-top:8%;}
#page-navigation1 h1{text-align:center !important;font-size:3em;}
.credits-page1-margin{margin-bottom:36%}
.credit1-page2-fleche{width:70px !important;}
.float-right{float:right !important}
#liste,
#liste2{width:340px;}
#liste:hover,
#liste2:hover{width:360px;}
.mathieu-debut h1{font-size:1.8em;}
.padding-quote2 h1{font-size:1.3em;}
.padding-quote3 p{font-size:1em;}
.quote-texte2{padding-left:0px;padding-right:0px;font-family:'chucaratextitalic';font-size:1em;}
}
@media (min-width:992px){.quote-texte2{padding-left:0px;padding-right:0px;font-family:'chucaratextitalic';font-size:1.15em;}
#button-juliette{background-color:rgba(180, 218, 248, 0);color:#999;text-align:center;cursor:pointer;width:250px;height:60px;margin-right:auto;margin-left:auto;padding:8px 10px 10px 20px;border:1px solid;border-radius:50% 40%!important;font-family:never_say_neverregular;font-size:0.9em;}
#page14 .fondpapierquote{background-color:initial !important;color:#000;}
#rubriques{float:right;cursor:pointer;width:100%;height:65%;margin:-3px 0px 0 0px;padding:13px 15px 5px 15px;font-size:0.9em;}
#section3{background-image:url(img/bonhommes3.jpg);background-size:cover;background-position:center right;}
#titre{margin-left:auto;margin-right:auto;margin-top:-3%;text-align:center;position:relative;width:100%;opacity:1;z-index:1;}
.titre5{font-family:oswaldmedium;font-size:3.9em;color:#668381;margin-top:;}
.titre2{font-family:walkway_expandregular;margin-left:auto;width:600px;margin-right:auto;font-size:1.5em;color:#999;letter-spacing:0em;padding-top:10px;}
.titre3{font-family:walkway_expandregular;font-size:0.7em;padding-top:6px;padding-bottom:6px;margin-bottom:0px;background-color:#668381;color:#fff;letter-spacing:0.1em;width:17%;height:auto;margin-left:auto;margin-right:auto;margin-top:2.5%;}
.titre4{font-family:chucaratextitalic;font-size:1em;padding-top:5px;padding-bottom:25px;margin-top:10px;background-color:rgba(0,0,0,0);color:#668381;letter-spacing:0.1em;width:43%;height:0px;margin-left:auto;margin-right:auto;}
.prelude{margin-left:0%;margin-top:0%;padding-bottom:2%;text-align:justify;}
.quote{font-family:chucaratextitalic;font-size:4em;margin-top:-30px;}
.padding-quote{padding:10px 30px;}
.fondnoir{background-color:rgba(0,0,0, 0.8);color:#eee;padding:30px;}
.fondnoir-hidden-xs{background-color:rgba(0,0,0, 0.8);color:#eee;padding:0px;}
z-index1{z-index:1;}
.fondpapierquote{background-color:rgba(237,237,237, 0.9);color:#000;}
.fondpapier{background-color:rgba(237,237,237, 0.8);padding:30px;}
.fondpapier-juliette{background-color:rgba(237,237,237, 0.8);padding:0px 0px 20px 0px;margin-top:20px;}
.padding-quote3 p{font-family:'chucaratextitalic';font-size:1.2em;color:#455d5b;}
#page6{background-image:url(img/chantier_sm.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page7{background-image:url(img/page6-1-4.jpg);background-size:cover;background-position:bottom center;background-color:rgba(255,255,255, 1);}
#page7bis{background-image:url(img/bonhommes3.jpg);background-size:cover;background-position:bottom center;background-color:rgba(255,255,255, 1);}
#page9{background-image:url(img/bonhomme2.jpg);background-size:cover;background-position:center top;background-color:rgba(255,255,255, 1);}
#page10{background-image:url(img/discussion1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page10bis{background-image:url(img/discussion2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page11{background-image:url(img/collectif1.jpg);background-size:cover;background-position:bottom right;background-color:rgba(255,255,255, 1);}
#page12{background-image:url(img/collectif2.jpg);background-size:cover;background-position:bottom left;background-color:rgba(255,255,255, 1);}
#page13{background-image:url(img/papierblanc.jpg);background-size:cover;background-position:center center;background-color:rgba(255,255,255, 1);}
#page21{background-image:url(img/ecorcage.jpg);background-size:cover;background-position:center center;background-color:rgba(255,255,255, 1);}
#pagefinale{background-image:url(img/papierblanc.jpg);background-size:cover;background-position:center center;}
#section2 img{width:25px;}
#section3 img{width:25px;}
#section4 img{width:25px;}
#section5 img{width:25px;}
#section6 img{width:25px;}
#pagefinale img{width:25px;}
.flechedroite img{width:50px !important;}
.flechedroite{margin-top:127%;text-align:right;}
.flechedroite p{font-size:0.9em;color:rgba(0, 0, 0, 0.3);text-align:right;}
.flechedroite a:hover{text-decoration:none;}
.flechesannexes{margin-top:-10px;}
.mathieu-debut h1{font-size:2em;}
.padding-quote2 h1{font-size:1.5em;}
#page19 .fondpapier5{background-color:initial;padding:00px 30px 0px 30px;}
.padding-quote3 p{font-family:'chucaratextitalic';font-size:1.3em;color:#455d5b;}
}
@media (min-width:1200px){#page5{background-image:url(img/simulaton3D.jpg);background-size:cover;background-position:bottom center;background-color:rgba(255,255,255, 1);}
#page8{background-image:url(img/bonhomme1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page9{background-image:url(img/bonhomme2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page10{background-image:url(img/discussion1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page10bis{background-image:url(img/discussion2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page11{background-image:url(img/collectif1.jpg);background-size:cover;background-position:bottom right;background-color:rgba(255,255,255, 1);}
#page12{background-image:url(img/collectif2.jpg);background-size:cover;background-position:bottom left;background-color:rgba(255,255,255, 1);}
#page19{background-image:url(img/village1.jpg);background-size:cover;background-position:center right;background-color:rgba(255,255,255, 1);}
#page20{background-image:url(img/village2.jpg);background-size:cover;background-position:center left;background-color:rgba(255,255,255, 1);}
#page1,
#page2,
#page3,
#page5,
#page6,
#page7,
#page7bis,
#page8,
#page9,
#page10,
#page10bis,
#page11,
#page12,
#page13,
#page14,
#page15,
#page16,
#page17,
#page17bis,
#page18,
#page19,
#page20,
#page21,
#page22,
#page23{padding-left:0px;padding-right:0px;}
#outils1,
#alternatives1,
#earthship1,
#juliette1,
#juliette2{padding-left:0px;padding-right:0px;}
.titre3{font-family:walkway_expandregular;font-size:0.9em;padding-top:6px;padding-bottom:25px;margin-bottom:0px;background-color:#668381;color:#fff;letter-spacing:0.1em;width:14%;height:0px;margin-left:auto;margin-right:auto;margin-top:2.5%;}
.titre4{font-family:chucaratextitalic;font-size:1.2em;padding-top:5px;padding-bottom:25px;margin-top:10px;background-color:rgba(0,0,0,0);color:#668381;letter-spacing:0.1em;width:43%;height:0px;margin-left:auto;margin-right:auto;}
.invisible{color:#fff}
.prelude{margin-top:-10%;padding-bottom:2%;text-align:justify;}
#button-video{background-color:rgba(238,251,216, 0);text-align:center;cursor:pointer;width:250px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 10px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:20px;}
#button-video:hover{background-color:rgba(63,94,127, 0.2);color:#333;}
#button-magazine{background-color:rgba(180, 218, 248, 0);text-align:center;cursor:pointer;width:250px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 10px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-magazine:hover{background-color:rgba(45,117,127, 0.4);color:#333;}
#button-poursuivre{background-color:rgba(238,251,216, 0);text-align:center;cursor:pointer;width:180px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 10px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-poursuivre:hover{background-color:rgba(63,94,127, 0.2);color:#333;}
#button-outils{background-color:rgba(180, 218, 248, 0);text-align:center;cursor:pointer;width:180px;height:40px;color:#5D5D5D;margin-right:auto;margin-left:auto;padding:7px 20px 10px 20px;border:1px solid;border-radius:100% !important;font-family:never_say_neverregular;margin-top:16px;}
#button-outils:hover{background-color:rgba(45,117,127, 0.4);color:#333;}
#page3 .videotitre{margin-top:1%;}
#page19 .fondpapier4{background-color:rgba(237,237,237, 0.8);padding:30px 30px 0px 30px;}
#page19 .fondpapier5{background-color:rgba(237,237,237, 0.8);padding:0px 30px 30px 30px;}
#section2 img{width:33px;}
#section3 img{width:33px;}
#section4 img{width:33px;}
#section5 img{width:33px;}
#section6 img{width:33px;}
#pagefinale img{width:40px;}
.flechedroite{margin-top:75%;text-align:left;}
.flechedroite p{font-size:0.9em;color:rgba(0, 0, 0, 0.3);text-align:left;}
.flechedroite a:hover{text-decoration:none;}
.flechedroite img{width:80px !important;}
.flechesannexes{margin-top:-10px;}
.padding-quote4{padding:30px 00px 0px 10px;}
.padding-quote4 p{font-family:'chucaratextitalic';font-size:1.2em;margin-bottom:0px;}
.padding-quote4 h1{font-size:1.4em;}
.width80{width:70%;}
.fin{margin-top:30%;}
.padding-quote2 h1{font-size:1.8em;}
.mathieu-debut h1{font-size:2.5em;}
.margin-top-thomas{margin-top:1.5%;margin-bottom:0%;}
.margin-topchauffagepassif{margin-top:3.5%;}
.cc-bb-sa{line-height:1.2em !important;font-size:0.9em !important;font-weight:100 !important;text-align:justify !important;}
.padding0left{padding-left:0px;padding-right:1.5px;}
.padding0right{padding-right:0px;padding-left:1.5px;}
.a-eee a{color:#eee}
.a-eee a:hover{text-decoration:none;background-color:#eee;}
.a-eee p{color:#eee;margin-bottom:0px;margin-top:0px;text-align:left;font-size:1.2em;}
.a-eee h1{font-weight:100;padding-left:20px;}
.fond-serie{background-color:#455d5b;padding:30px;color:#fff;}
.fond-serie p{color:#fff}
.fond-serie h1{color:#fff}
.fond-serie a{color:#c2d2e1;}
.fond-fin2{height:176px;}
.fond-fin3{height:176px;}
.fond-fin4{height:98px;}
.finale-font-cc{font-size:1.3em !important}
.finale-font-don{font-size:4.5em !important}
.plan-font-fleche{font-size:1.5em !important;}
.plan-margin-fleche{margin-top:15px;}
.plan-magazine{background-color:rgba(180, 218, 248, 0);color:#5d5d5d;text-align:center;width:80%;height:60px;margin-right:3px;margin-left:auto;margin-top:3px;padding:8px;border:1px solid;border-radius:0% 0%;font-family:never_say_neverregular;font-size:1em;float:left;}
#section1bis p{font-family:never_say_neverregular;font-size:1.2em;text-align:center;}
.padding-plan{padding-left:0px;padding-right:0px;}
.padding-plan-flechebas{padding-left:6%;text-align:left;}
.plan-fleche-droite{float:left;margin-top:20%;width:15%;}
.margin-bottom-plan{margin-bottom:6%;}
.navigation-margin1{margin-top:18%;}
.navigation-margin2{margin-top:14%;}
.navigation-margin3{margin-top:8%;}
#page-navigation1 h1{text-align:center !important;font-size:3em;}
.credits-page1-margin{margin-bottom:36%}
.credit1-page2-fleche{width:70px !important;}
.float-right{float:right !important}
}
.fondpapierquote{background-color:initial;color:#000;}
.fondpapier{background-color:rgba(102,131,129, 0.8);padding:30px;}
.fondpapier p{color:#fff}
.fondpapier-juliette{background-color:initial;padding:0px 0px 20px 0px;margin-top:20px;}
#page14 .fondpapier{background-color:initial;padding:30px;}
.padding-quote4{padding:30px 00px 0px 0px;}
.trait-droit{border-left:0px solid #719492;padding-left:20px;margin-left:43px;}