@font-face{font-family:'walkway_expandregular';src:url('fonts/walkway_expand-webfont.woff2') format('woff2'),
url('fonts/walkway_expand-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'oswaldmedium';src:url('fonts/oswald-medium-webfont.woff2') format('woff2'),
url('fonts/oswald-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'never_say_neverregular';src:url('fonts/neversaynever-webfont.woff2') format('woff2'),
url('fonts/neversaynever-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'oswaldmediumitalic';src:url('fonts/oswald-mediumitalic-webfont.woff2') format('woff2'),
url('fonts/oswald-mediumitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoitalic';src:url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
url('fonts/roboto-lightitalic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'robotoregular';src:url('fonts/roboto-regular-webfont.woff2') format('woff2'),
url('fonts/roboto-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'chucaratextitalic';src:url('fonts/chucara-italic-webfont.woff2') format('woff2'),
url('fonts/chucara-italic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-perspective:12rem;-moz-perspective:12rem;-ms-perspective:12rem;-o-perspective:12rem;perspective:12rem;z-index:2000;position:fixed;height:6rem;width:6rem;margin:auto;top:0;left:0;right:0;bottom:0;}
.pace.pace-inactive .pace-progress{display:none;}
.pace .pace-progress{position:fixed;z-index:2000;display:block;position:absolute;left:0;top:0;height:6rem;width:6rem !important;line-height:6rem;font-size:2rem;border-radius:50%;background:rgba(34, 153, 221, 0.8);color:#fff;font-family:"Helvetica Neue", sans-serif;font-weight:100;text-align:center;-webkit-animation:pace-theme-center-circle-spin linear infinite 2s;-moz-animation:pace-theme-center-circle-spin linear infinite 2s;-ms-animation:pace-theme-center-circle-spin linear infinite 2s;-o-animation:pace-theme-center-circle-spin linear infinite 2s;animation:pace-theme-center-circle-spin linear infinite 2s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
.pace .pace-progress:after{content:attr(data-progress-text);display:block;}
@-webkit-keyframes pace-theme-center-circle-spin{from{-webkit-transform:rotateY(0deg)}
to{-webkit-transform:rotateY(360deg)}
}
@-moz-keyframes pace-theme-center-circle-spin{from{-moz-transform:rotateY(0deg)}
to{-moz-transform:rotateY(360deg)}
}
@-ms-keyframes pace-theme-center-circle-spin{from{-ms-transform:rotateY(0deg)}
to{-ms-transform:rotateY(360deg)}
}
@-o-keyframes pace-theme-center-circle-spin{from{-o-transform:rotateY(0deg)}
to{-o-transform:rotateY(360deg)}
}
@keyframes pace-theme-center-circle-spin{from{transform:rotateY(0deg)}
to{transform:rotateY(360deg)}
}
#fullpage{background-image:url(img/papierblanc.jpg) !important;}
#menu li{width:30%;display:inline-block;}
#menu li.active{background:#fff;background:rgba(255,255,255, 0.5);color:#fff;}
#menu li a{text-decoration:none;color:#fff;}
#menu li.active a:hover{background:#fff;background:rgba(255,255,255, 0.5);color:#fff;}
#menu li:hover{}
#menu li a,
#menu li.active a{}
#menu li.active a{color:#333;}
#menu{width:57%;float:left;margin-left:0%;margin-top:0px;}
#participez {float: right;width: 19%;margin-right: 2%;}
.facebook-3em{font-size:3em !important;display:inline;}
.facebook-2em{font-size:2em !important;display:inline;padding-top:5px;}
.menu-color{color:rgba(0, 0, 0, 0.5) !important;}
.menu-color-don{color:#51aba4!important;}
#infonav{position:fixed;right:0%;top:0%;font-size:0.9em;cursor:pointer;border-radius:0px;z-index:2;display:inline-flex;}
#infonav2{top:100%;position:fixed;right:0%;font-size:0.9em;cursor:pointer;border-radius:0px;z-index:2;display:inline-flex;}
.info:hover{background-color:#005720;}
.info{padding-left:10px;padding-right:10px;color:#668381;padding:6px;color:#fff;background-color:#668381;font-family:never_say_neverregular;}
.info2 a{color:#668381;}
.info2{background-color:#fff;color:#668381;padding-left:10px;padding-right:10px;padding:6px;cursor:pointer;font-family:never_say_neverregular;}
.info2 a:hover{text-decoration:none;color:#fff;}
.info2:hover{color:#fff;background-color:#668381;}
#page1{background-image:url(img/earthshipcouvf.png);background-position:center right;padding-left:20px;padding-right:20px;text-align:center;width:100%;z-index:1;}
#footer{position:fixed;height:150px;background-color:#fff;bottom:0px;width:100%;z-index:11;-webkit-box-shadow:0px 0px 40px -5px #000;box-shadow:0px 0px 40px -5px #000;transition:both 0.1s;}
#footer:hover{animation:footerFrames ease-out 0.5s;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:footerFrames ease-out 0.5s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:footerFrames ease-out 0.5s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:footerFrames ease-out 0.5s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:footerFrames ease-out 0.5s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes footerFrames{0%{transform:translate(0px,0px);}
100%{transform:translate(0px,-100px);}
}
@-moz-keyframes footerFrames{0%{-moz-transform:translate(0px,0px);}
100%{-moz-transform:translate(0px,-100px);}
}
@-webkit-keyframes footerFrames{0%{-webkit-transform:translate(0px,0px);}
100%{-webkit-transform:translate(0px,-100px);}
}
@-o-keyframes footerFrames{0%{-o-transform:translate(0px,0px);}
100%{-o-transform:translate(0px,-100px);}
}
@-ms-keyframes footerFrames{0%{-ms-transform:translate(0px,0px);}
100%{-ms-transform:translate(0px,-100px);}
}
.menulogo{width:22%;float:left;}
#logo{width:100%;height:33%;float:left;background-color:#668381;color:#fff;padding-left:3%;padding-right:1%;cursor:pointer;}
#logo:hover{font-weight:;}
#logo a{color:#fff;}
.logo{font-family:oswaldmedium;font-size:2em;float:left;margin-left:2%;padding-top:2px;}
.episode{font-family:walkway_expandregular;font-size:1em;float:left;margin-left:8%;padding-top:13px;}
.site{width:100%;display:inline-block;font-size:0.8em;text-align:center;margin-top:-7%;}
.boutonrub3{text-align:center;padding-top:10px;padding-bottom:20px;margin-left:auto;width:10%;margin-right:auto;padding-top:20px;padding-left:3%;}

#rubriques1 {text-decoration:none;color:#51aba4 !important;    padding: 1px 5px 10px 5px;}
#rubriques1:hover{background-color:#169087 !important; color:#fff !important;}
#rubriques1.active a:hover{background-color:#169087!important;color:#fff !important;}
#rubriques1.active{background-color:#169087!important;color:#fff !important;}

#rubriques{float:right;cursor:pointer;width:100%;height:65%;margin:0px 0px 0 0px !important;padding:13px 15px 15px 15px;font-size:0.9em;}
#rubriques a{text-decoration:none;color:rgba(0,0,0,0.5) !important;}
#rubriques:hover{background-color:#668381;color:#fff !important; }
#rubriques.active a:hover{background-color:#668381;color:#fff !important;}
#rubriques.active{background-color:#668381;color:#fff !important;}
#rubriques a:hover{color:#fff !important; }
.titrerub{text-align:center;border-bottom:1px solid;padding-bottom:10px;font-weight:800;}
.titrerub{font-family:never_say_neverregular}
.titrerub2{text-align:center;border-bottom:0px solid;padding-bottom:5px;font-weight:800;font-family:never_say_neverregular}
.textrub{padding-top:10px;text-align:justify;}
.textrub2{padding-top:0px;margin-top: 0px;text-align:justify;font-size: 0.9em;}
#section1,
#section1bis,
#section2,
#section3,
#section4,
#section5,
#section6{background-image:url(img/papierblanc.jpg);background-color:#fff;height:100%;margin-top:0px !important;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;width:100%;z-index:1;}
#page2,
#page3,
#page4,
#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:20px;padding-right:20px;background-image:initial;text-align:center;width:100%;z-index:1;}
#page5 .fp-tableCell{vertical-align:middle;}
#page22 .fp-tableCell{vertical-align:top;}
#page23 .fp-tableCell{vertical-align:top;}
#page4 img{width:100%}
#page5 img{width:100%}
#page6 img{width:100%;margin-top:20px}
#page7bis img{width:100%;margin-top:20px}
#page9 img{width:100%;margin-top:20px}
#page14 img{width:100%;margin-top:20px}
#page16 img{width:100%;margin-top:20px}
#page17bis img{width:100%;margin-top:20px}
#page19 img{width:100%;margin-top:20px}
#page23 img{width:100%;margin-top:20px}
#outils1,
#alternatives1,
#earthship1,
#juliette1,
#juliette2{padding-left:20px;padding-right:20px;background-image:initial;text-align:center;width:100%;z-index:1;}
#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:2.9em;color:#668381;margin-top:3%;}
.titre2{font-family:walkway_expandregular;margin-left:auto;width:90%;margin-right:auto;font-size:1.5em;color:#999;letter-spacing:0em;padding-top:0px;}
.titre3{font-family:walkway_expandregular;font-size:1em;padding-top:10px;padding-bottom:30px;margin-bottom:40px;background-color:#668381;color:#fff;letter-spacing:0.1em;width:46%;height:0px;margin-left:auto;margin-right:auto;margin-top:22px;}
.titre4{font-family:chucaratextitalic;font-size:0.8em;padding-top:5px;padding-bottom:7px;margin-top:10px;background-color:rgba(0,0,0,0);color:#668381;letter-spacing:0.1em;width:81%;height:auto;margin-left:auto;margin-right:auto;}
.fin-page-mobile{padding-bottom:60px;}
.prelude{margin-left:0%;margin-top:10%;padding-bottom:2%;text-align:justify;}
.episodecomplementaire{font-family:'robotoitalic';}
.no-a-decoration a:hover{text-decoration:none;}
.dedicace {
    font-family: oswaldmedium;
    font-size: 1.1em;
    padding: 15px;
        padding-bottom: 25px;
    padding-bottom: 25px;
    margin-bottom: 0px;
    background-color: #668381;
    color: #fff;
    letter-spacing: 0.03em;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6.5%;
    margin-bottom: 8%;
}
#page3 .video{text-align:center;float:left;width:60%;margin-left:20%;color:#000;}
#page3 .video{text-align:center;float:left;width:60%;margin-left:20%;color:#000;}
#page3 .videotitre{font-family:oswaldmedium;font-size:4em;text-align:center;margin-top:1%;padding-bottom:0%;width:60%;margin-left:auto;margin-right:auto;color:#000;}
.revolutionnaire{padding:0px;z-index:2;}
.padding-quote{padding:10px 0px;}
.quote{font-family:chucaratextitalic;font-size:3em;margin-top:0px;}
.padding-quote2{padding:30px 30px 30px 10px;}
.padding-quote2 p{font-family:'chucaratextitalic';font-size:1.4em;}
.padding-quote2 h1{color:#455d5b;font-size:1.8em;}
.mathieu-debut h1{color:#455d5b;font-size:2.5em;font-family:'chucaratextitalic';padding:20px 0px 0px 0px;}
.quote-mathieu{font-family:chucaratextitalic;font-size:3em;margin-top:0px;}
.padding-quote-mathieu{text-align:right;}
.mathieu{font-size:0.4em;font-style:italic;font-weight:300;}
.fondpapierquote{background-color:none;color:#000;}
.fondpapierquote h1{font-family:'chucaratextitalic';}
.fondpapierquote p{font-family:'chucaratextitalic';margin-top:0px;text-align:right;color:#777777;;}
.page5-margin{margin-top:-2%;}
.thomas{font-size:0.55em;font-style:italic;font-weight:300;}
.nom{font-family:robotoregular;}
.fondpapier{background-color:none;padding:0px 15px;}
.fondpapier-juliette{background-color:none;padding:0px;margin-top:20px;}
.padding-quote3{padding:30px 00px 0px 10px;}
.padding-quote3 p{font-family:'chucaratextitalic';font-size:1.2em;color:#455d5b;}
.right{text-align:right;}
#button-juliette:hover{background-color:rgba(63,94,127, 0.2);color:#333;font-weight:300;}
.button-juliette a:hover{}
.quote-texte2{padding-left:0px;padding-right:0px;font-family:'chucaratextitalic';font-size:1.15em;}
.quote-texte{padding-left:30px;padding-right:30px;font-family:'chucaratextitalic';}
.question{padding:30px;}
#liste{text-align:center;width:300px;height:auto;font-family:never_say_neverregular;background-color:#668381;padding:13px 20px 3px 20px;cursor:pointer;}
#liste p{color:#eee;}
#liste a,
#liste2 a{text-decoration:none;}
#liste:hover,
#liste2:hover{background-color:rgba(25, 77, 53, 0.7);width:300px;color:#333;}
#liste2{text-align:center;width:300px;height:auto;font-family:never_say_neverregular;background-color:#2a4433;padding:13px 20px 3px 20px;cursor:pointer;}
#liste2 p{color:#eee;}
.numeros{padding:10px 10px 10px 10px;line-height:2.5em;}
.num{font-size:0.7em;width:10px;height:10px;margin-right:auto;margin-left:auto;padding:1px;border:1px solid;border-radius:100% !important;}
.num2{font-size:0.7em;margin-right:auto;margin-left:auto;padding:10px 14px 5px 12px;border:1px solid;border-radius:100% !important;}
.na{font-size:0.8em;padding-top:20px;color:#898787}
.question2{padding:30px 30px 30px 100px;}
.surlignage{border-bottom:2px solid #668381;width:100%;padding:00px 0px 00px 0px;margin-bottom:15px;}
#page15 h1{margin-bottom:10px;}
.big-quote h1{font-family:'chucaratextitalic';color:#455d5b;}
.big-quote p{font-family:'chucaratextitalic';margin-top:0px;text-align:justify;color:#719492;}
.quote2{font-family:chucaratextitalic;font-size:4em;margin-top:-30px;color:#455d5b;}
.padding-quote4{padding:30px 00px 0px 10px;}
.padding-quote4 p{font-family:'chucaratextitalic';font-size:1.2em;margin-bottom:0px;}
.margin-bottom-p0 p{margin-bottom:0px;}
.page16-margin{margin-top:2%;margin-bottom:7%;}
.page22-margin{margin-top:9%}
.suite-quote p{font-family:'chucaratextitalic';font-size:1.3em;color:#808080;font-weight:0;text-align:left;}
.temoignage-juliette p{font-family:'chucaratextitalic';}
.trait-droit{border-left:3px solid #719492;padding-left:20px;margin-left:30px;}
.trait-droit p{color:#719492}
.width80{width:90%;}padding-bottom10px
.padding-quote5{padding:00px 00px 0px 10px;}
.fondpapier-dur{background-color:none;padding:15px;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.padding-bottom10px{padding-bottom:10px !important;}
.fin{margin-top:6%;float:inherit;margin-right:inherit;color:#fff;font-size:1.5em;}
.fin h1{font-size:4em;text-align:center;}
.fond-fin{text-align:justify;background-color:#455d5b;padding:15px;margin-top:3px;}
.fond-fin:hover{text-align:justify;background-color:#232c2b;padding:15px;margin-top:3px;}
.fond-fin2{text-align:justify;background-color:#51aba4;padding:15px;margin-top:3px;height:156px;}
.fond-fin2:hover{background-color:#169087;}
.fond-fin3{text-align:justify;background-color:#455d5b;padding:20px;margin-top:3px;height:156px;}
.cc-bb-sa{line-height:1.2em !important;font-size:0.8em !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:1em;}
.a-eee h1{font-weight:100;padding-left:20px;}
.fond-serie{background-color:#455d5b;padding:20px;color:#fff;}
.fond-serie p{color:#fff}
.fond-serie h1{color:#fff}
.fond-serie a{color:#c2d2e1;}
#pagefinale img{width:25px;}
.titre-section h2{text-align:center;}
.titre-section p{text-align:center;}
.retourmag p{font-size:0.9em;color:rgba(0, 0, 0, 0.3);text-align:center;}
.retourmag a:hover{text-decoration:none;}
#credits1,
#credits2 img{width:100%;}
.fin-mobile{margin-bottom:100px;}
.fin-mobile h3{text-align:center;text-transform:uppercase;}
.image-xs p{font-size:0.9em;font-style:italic;padding:10px 30px 20px 30px;text-align:center;}
.entrepage{margin-top:30px;margin-bottom:30px;}
.margin50px-mobile{margin-top:50px}
.margin30px-mobile{margin-top:30px}
.margin15px-mobile{margin-top:20px}

.progress {background: rgb(81, 104, 103); border-bottom: 0px solid #8d8b8b; border-radius: 0px; height: 25px; margin-top:8px;margin-bottom: 8px;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; box-shadow: 0 5px 5px rgba(102, 131, 129, .5) inset, 0 -5px 5px rgba(219, 242, 240, 0.5) inset; animation: animate-glow 1s ease-out infinite;}
.progress-bar-custom {background: rgb(225, 103, 37); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 5px rgb(225, 104, 37) inset, 0 -5px 5px rgba(251, 193, 174, 0.7) inset; animation: animate-glow 1s ease-out infinite; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;}
.sr-only { position: relative; vertical-align: middle; font-size: 10px; text-align: center;}