.page-id-8008 div#layerblock10, .page-id-8143 div#layerblock3 {    overflow: hidden;}
.rosegauche {    background: #f39;    position: absolute;    top: -75px;    height: 70vh;    padding-top: 13%;	    padding-right: 15%;    width: 90%;}
.rosegauche:before{background:#f39;content:"";display:block;width:45%;height:100%;position:absolute;top:0;left:-45%;z-index:0;visibility:visible}
#accordeon h3{text-align:left;color:#f39;font-size:27px}
input{position:absolute;opacity:0;z-index:-1}
.tabs{overflow:hidden;border:2px solid #000}
.tab{width:100%;color:#fff;overflow:hidden;border-bottom:2px solid #000;position:relative}
.tab:last-child{border-bottom:0!important}
.tab-label{text-align:left;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;font-size:24px;padding:1em;background:transparent;font-weight:700;cursor:pointer;color:#000}
.tab-label:hover{background:transparent;color:#f39}
.tab-label::after{content:'';width:1em;font-size:31px;background:url(/wp-content/themes/trianon/dist/img/plus.svg);height:1em;background-size:cover!important;text-align:center;margin-top:0;position:absolute;right:20px;-webkit-transition:all .35s;transition:all .35s}
.tab-content{max-height:0;text-align:left;padding:0 1em!important;color:#000;-webkit-transition:all .35s;transition:all .35s}
.tab-content p{padding:0;margin:0}
.tab-close{display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;padding:1em;font-size:.75em;background:#2c3e50;cursor:pointer}
.tab-close:hover{background:#1a252f}
input:checked + .tab-label{background:transparent;color:#f39}
input:checked + .tab-label::after{content:'';background:url(/wp-content/themes/trianon/dist/img/moins.svg);width:28px;height:3px;margin-top:11px}
input:checked ~ .tab-content {    max-height: 100vh;    padding: 1em;    padding-bottom: 25px!important;}


.tablink{background-color:#555;color:#fff;border:none;outline:none;cursor:pointer;padding:20px;float:left;text-transform:uppercase;font-size:22px;width:33.3%}
.tablink:hover{background-color:#ff3398}
.tabcontent{display:none;padding:25px 15px;height:100%;text-align:left;clear:both}
.tabcontent h3{font-size:25px;margin-bottom:0;padding-bottom:0}
.BoutonSelectionTabs{display:inline-block;text-align:center;width:100%;border:0;background:#555}


.accordion {
    color: #444;
    cursor: pointer;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    width: 95%;
    padding-left: 17px;
    border: none;
    padding-right: 16px;
    text-align: left;
    background: transparent;
    font-weight: 700;
    margin-top: 10px;
    font-size: 18px;
    transition: .4s;
}

button.accordion.active{color:#ff3398}
.tab-content .accordion:after{content:'+';width:15px;height:15px;margin-top:-3%;font-size:24px;right:0;top:60%;position:absolute}
.tab-content .accordion.active:after{content:'-';width:15px;height:15px;margin-top:-3.3%;font-size:32px;right:0;top:60%;position:absolute}
.tab-content .accordion:before{content:"• ";width:15px;height:15px;margin-top:-4px;font-size:24px;left:0;line-height:1em;position:absolute}
.panel{padding:0;display:none;padding-bottom:20px;overflow:hidden;font-size:15px}
.panel img.alignright{float:right;margin-right:10%;margin-left:2%}
.panel img.alignleft{float:right;margin-right:10%;margin-left:2%}




.page-id-8143 .post__header {
    text-shadow: 0 0 5px #000;
}

div#layerblock3 {
    position: relative;
    overflow: hidden;
}

.post__header h1, .post__breadcrumb {
    text-shadow: 1px 1px 5px black;
}

.page-id-8885 .rosegauche {

    top: -82px;

}


@media (max-width: 768px) {
.tab-label{padding:.6em;font-size:20px}
.tab-label::after{font-size:25px;right:6px;width:25px}
input:checked + .tab-label::after{font-size:25px;right:6px;width:25px}
.rosegauche {    background: #f39;    position: relative;    top: -37px;    padding-top: 10%;    padding-right: 30px;    width: 110%;    height: auto;    padding-bottom: 48px;}
.tablink {    width: 100%; float:none;}
}

@media (max-width: 480px) {
.tab-label{padding:.6em;font-size:20px}
.tab-label::after{font-size:25px;right:6px;width:25px}
input:checked + .tab-label::after{font-size:25px;right:6px;width:25px}
.rosegauche{background:#f39;position:relative;top:-43px;padding-top:15%;padding-right:30px;width:113%;padding-bottom:25px}
.tablink {    width: 100%;}

}