.brown{color:#463527}.lightbrown{color:#a8927b}.orange{color:#F95112}.brass{color:#E2E1DF}.lightbrass{color:#988574}.grey{color:#939393}.lightgrey{color:#E6E1DB}section.moonphase_settings{border-top:1px solid #E6E1DB;float:left;width:100%;text-align:left;padding-bottom:60px;background-color:#E8E5E0;background-repeat:no-repeat;background-size:cover !important;padding:0px;margin:0px;position:relative;z-index:1;overflow:hidden}section.moonphase_settings .moonphase_header{position:relative}section.moonphase_settings .arrow{width:40px;height:40px;position:absolute;top:-12px;right:3%;transform:rotateZ(0deg);cursor:pointer}section.moonphase_settings .arrow svg{fill:#463527}section.moonphase_settings h1{margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;color:#463527;font-weight:normal;text-transform:uppercase;padding-left:55px;padding-right:55px;width:auto;font-size:20px;line-height:24px;cursor:pointer}section.moonphase_settings h2{color:#ab947d;height:80px;line-height:90px;letter-spacing:5px;text-transform:uppercase;font-size:12px;text-align:center;padding-top:14px}section.moonphase_settings .slick-list{overflow:visible !important}section.moonphase_settings .slide_prev_button{z-index:10000;cursor:pointer;width:45px;height:45px;position:absolute;left:5%;top:50%;fill:rgba(255,255,255,0.6);transition:all 0.1s ease-in-out}section.moonphase_settings .slide_prev_button #fleche_gauche_rond_arrow{transition:all 0.1s ease-in-out;fill:rgba(147,147,147,0.3)}section.moonphase_settings .slide_next_button{z-index:10000;cursor:pointer;width:45px;height:45px;position:absolute;right:5%;top:50%;fill:rgba(255,255,255,0.6);transition:all 0.1s ease-in-out}section.moonphase_settings .slide_next_button #fleche_droite_rond_circle{transition:all 0.1s ease-in-out;fill:rgba(147,147,147,0.3)}section.moonphase_settings .slide_prev_button:hover,section.moonphase_settings .slide_next_button:hover{fill:rgba(147,147,147,0.3)}section.moonphase_settings .slide_prev_button:hover #arrow,section.moonphase_settings .slide_next_button:hover #arrow{fill:rgba(255,255,255,0.6)}section.moonphase_settings .dropdown_table{margin-top:4px;width:auto;position:relative;display:inline-block;width:100%}section.moonphase_settings .dropdown_table .label{display:inline-block;line-height:36px;font-size:16px;padding-right:10px;width:20%;text-align:left}section.moonphase_settings .dropdown_table .ddl{display:inline-block;position:relative;width:75%;min-width:120px;float:right}section.moonphase_settings .dropdown_table .ddl .dropdown ul{z-index:100000000}section.moonphase_settings .dropdown_table .ddl .dropdown ul.open{max-height:200px}section.moonphase_settings .dropdown_table .ddl .dropdown .img{top:7px !important}section.moonphase_settings .dropdown_table .ddl .dropdown.open .options{max-height:20vh}section.moonphase_settings .dropdown_table #month_list{width:100%}section.moonphase_settings .slick-track{overflow:hidden !important}section.moonphase_settings .dots_navigation{position:absolute !important;height:60px !important;bottom:-35px !important}section.moonphase_settings .dots_navigation li button{background-color:#fff}section.moonphase_settings .dots_navigation li.slick-active button{background-color:#8C7A66}section.moonphase_settings .setting_content{height:0;transition:max-height 0.5s ease-in-out;overflow:hidden;margin-top:20px}section.moonphase_settings .setting_content .setting_item{width:100%;height:auto}section.moonphase_settings .setting_content .setting_item .setting_element{max-width:1200px;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:30px;overflow-y:visible}section.moonphase_settings .setting_content .setting_item .setting_element .date_dropdown_container{padding-left:25px;padding-right:25px;width:80%;position:relative;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto}section.moonphase_settings .setting_content .setting_item .setting_element .date_dropdown_container .dropdown_table label{color:#463527}section.moonphase_settings .setting_content .setting_item .setting_element .element_separator{width:80%;height:1px;background-color:rgba(70,53,40,0.09);margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:16px}section.moonphase_settings .setting_content .setting_item .setting_element .element_separator_bottom{width:80%;height:1px;background-color:rgba(70,53,40,0.09);margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:5px;margin-top:20px;margin-bottom:17px}section.moonphase_settings .setting_content .setting_item .setting_element .element_separator_moonphase{background-color:rgba(70,53,40,0.09);margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;width:80%;height:1px;margin-left:10%;margin-right:10%;margin-top:5px;margin-bottom:6px;display:inline-block}section.moonphase_settings .setting_content .setting_item .setting_element .right_separator{background-color:rgba(70,53,40,0.09);width:1px;height:100%;min-height:250px;position:absolute;right:0;top:0}section.moonphase_settings .setting_content .setting_item .setting_element .left_separator{background-color:rgba(70,53,40,0.09);width:1px;height:100%;min-height:250px;position:absolute;left:0;top:0}section.moonphase_settings .setting_content .setting_item .setting_element #moonphase_container{width:260px;height:160px;position:relative;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;overflow:hidden}section.moonphase_settings .setting_content .setting_item .setting_element #moonphase_container #masque_lune{position:absolute;background-size:contain;background-image:url(../../img/masque_PhaseDeLune_bg_beige_contour.png);width:260px;height:260px;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;top:0px;z-index:10000000}section.moonphase_settings .setting_content .setting_item .setting_element #moonphase_container #moonphase,section.moonphase_settings .setting_content .setting_item .setting_element #moonphase_container #star_moon_svg{width:260px;height:260px}section.moonphase_settings .setting_content .setting_item .setting_element #moonphase_container #contour{display:none}section.moonphase_settings .setting_content .setting_item .setting_element #fond{transition:all 0.8s ease-in-out;width:260px;height:260px;max-height:260px;position:relative;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg{-webkit-transform-origin:0px 0px !important;-moz-transform-origin:0px 0px !important;-ms-transform-origin:0px 0px !important;transform-origin:0px 0px !important}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #fond_disque{fill:#17253F}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #star_moon{fill:blue}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #star_moon circle{fill:#BB8151}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #star_moon polygon{fill:#BB8151}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #star_moon #transparent_circle{fill:rgba(255,255,255,0)}section.moonphase_settings .setting_content .setting_item .setting_element #fond svg #star_moon #star_moon_container{transition:all 0.8s ease-in-out;-ms-transform-origin:115px 115px !important;-webkit-transform-origin:115px 115px !important;-moz-transform-origin:115px 115px !important;transform-origin:115px 115px !important}section.moonphase_settings .setting_content .setting_item .setting_element #fond.down{transform:rotateZ(180deg)}section.moonphase_settings .setting_content .setting_item .setting_element #contour{fill:#ab947d}section.moonphase_settings .setting_content .setting_item .moonphase_container{margin-top:30px}section.moonphase_settings .setting_content .setting_item .reset_button{text-align:center;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:30px;display:block}section.moonphase_settings .setting_content .setting_item .calculate_button{cursor:pointer;text-align:center;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:8px;transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out;display:block}section.moonphase_settings .setting_content .setting_item .moonphase_text{padding-left:55px;padding-right:55px;padding-top:10px;padding-bottom:30px}section.moonphase_settings .setting_content .setting_item .moonphase_text:lang(AR){text-align:right}section.moonphase_settings .setting_content .setting_item .next_moon_phases{width:220px;display:block;margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;color:#463527;margin-top:18px}section.moonphase_settings .setting_content .setting_item .next_moon_phases .year_label{font-size:16px;font-weight:bold;width:100%;float:left}section.moonphase_settings .setting_content .setting_item .next_moon_phases .year_label:lang(AR){text-align:right;width:80%}section.moonphase_settings .setting_content .setting_item .next_moon_phases .moon_calendar{width:100%;padding-right:0;column-count:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0px;float:left;margin-top:20px;font-size:16px;line-height:24px;padding-bottom:20px}section.moonphase_settings .setting_content .setting_item .next_moon_phases .moon_calendar:lang(AR){text-align:right}section.moonphase_settings .setting_content.show_content{height:auto}section.moonphase_settings .setting_content.closed_content{height:0 !important;max-height:0 !important}section.moonphase_settings .setting_content.closed_content .slick-prev,section.moonphase_settings .setting_content.closed_content .slick-next{display:none}section.moonphase_settings.closed{background:url(../../img/articles/settings/separation_zone_settings_up.jpg);background-size:100% auto !important;background-position:bottom center !important;background-repeat:no-repeat;background-color:#E8E5E0}section.moonphase_settings.closed .slide_prev_button,section.moonphase_settings.closed .slide_next_button{display:none}section.moonphase_settings.closed .arrow{top:-6px;transform:rotateZ(-90deg)}@media (min-width: 500px){section.moonphase_settings h2{font-size:16px;height:120px;line-height:120px}section.moonphase_settings h1{padding-left:100px !important;padding-right:100px !important;margin-top:-10px}section.moonphase_settings .setting_content .setting_item .moonphase_text{padding-left:100px !important;padding-right:100px !important;font-size:17px !important;line-height:24px !important}section.moonphase_settings .date_dropdown_container{width:70% !important}section.moonphase_settings .next_moon_phases{width:300px !important}section.moonphase_settings .next_moon_phases .moon_calendar{column-gap:80px !important}}@media (min-width: 750px){section.moonphase_settings .moon_element{margin-top:20px !important}section.moonphase_settings .moonphase_settings h1{font-size:24px !important;line-height:27px !important}section.moonphase_settings .moonphase_settings h2{font-size:18px !important;height:135px !important;line-height:135px !important}section.moonphase_settings #moonphase_container{margin:auto !important;overflow:hidden;top:35px;right:auto;left:50px}section.moonphase_settings .date_dropdown_container{width:70% !important;padding-left:100px !important}section.moonphase_settings .calculate_button,section.moonphase_settings .reset_button{margin-right:3% !important}section.moonphase_settings .element_separator_dropdown{width:123%;height:1px;background-color:rgba(70,53,40,0.09);margin:0 auto;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:5px;margin-top:20px;margin-bottom:17px;margin-left:-11%}section.moonphase_settings .left_moonphase_container{margin-right:30px;margin-left:70px;padding-bottom:35px}section.moonphase_settings .date_dropdown_container{width:80% !important;padding-right:0 !important;padding-left:0 !important;left:auto !important;display:block !important;right:0 !important}section.moonphase_settings .calculate_button,section.moonphase_settings .reset_button{margin:0 auto !important;display:block !important;margin-bottom:8px !important}section.moonphase_settings .next_moon_phases{margin-left:40px !important}section.moonphase_settings .next_moon_phases .moon_calendar{column-gap:0px !important;width:80% !important}section.moonphase_settings .next_moon_phases.left_element{margin-left:100px !important}section.moonphase_settings .element_separator_dropdown{margin-bottom:25px !important;margin-top:25px !important}section.moonphase_settings .left_separator{min-height:270px !important}}@media (min-width: 1000px){.moonphase_settings h1{font-size:26px !important;line-height:30px !important}.moonphase_settings h2{font-size:20px !important;height:160px !important;line-height:160px !important}.moonphase_text{max-width:1200px;padding-left:0px !important;padding-right:0px !important;font-size:19px;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:45px}.left_moonphase_container{padding-bottom:45px}.dropdown .img{cursor:pointer !important;fill:#8B7965 !important;height:22px !important;position:absolute !important;right:12px;top:12px !important;width:22px !important}#moonphase_container{width:340px !important;height:240px !important}#moonphase_container #masque_lune{width:340px !important;height:340px !important}#moonphase_container #moonphase,#moonphase_container #star_moon_svg{width:340px !important;height:340px !important}#moonphase_container #fond{width:340px !important;height:340px !important;max-height:340px !important}#moonphase_container #contour{display:none}.next_moon_phases{margin-left:85px !important}.next_moon_phases .moon_calendar{column-gap:20px !important;width:80% !important}.next_moon_phases.left_element{margin-left:180px !important}}@media (min-width: 1200px){section.moonphase_settings{background-image:url(../../img/stylo_correcteur_R_png24_500x234pxl.png);background-size:250px 117px !important;background-position:right bottom}.left_moonphase_container{margin-right:0px !important;margin-left:100px !important}.left_moonphase_container .element_separator_dropdown{width:108% !important;margin-left:-4% !important}.next_moon_phases{margin-left:35px !important;margin-top:30px !important}.next_moon_phases.left_moon_element{margin-left:170px !important}.next_moon_phases.middle_moon_element{margin-left:100px !important}.next_moon_phases.right_moon_element{margin-left:20px !important}section.moonphase_settings .setting_content .setting_item .moonphase_text{padding-left:140px !important;padding-right:140px !important}}@media (min-width: 1600px){.left_moonphase_container{margin-right:40px !important;margin-left:50px !important}.left_moonphase_container .element_separator_dropdown{width:130% !important;margin-left:-15% !important}.next_moon_phases{margin-left:70px !important}.next_moon_phases.left_moon_element{margin-left:100px !important}.next_moon_phases.middle_moon_element{margin-left:100px !important}.next_moon_phases.right_moon_element{margin-left:100px !important}section.moonphase_settings .setting_content .setting_item .moonphase_text{padding-left:60px !important;padding-right:60px !important}.slide_prev_button{left:7% !important}.slide_next_button{right:7% !important}}