/* compact [
	local/cache-scss/pmo-cssify-19c52a3.css?1787652656
] 84.3% */

/* local/cache-scss/pmo-cssify-19c52a3.css?1787652656 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}
a{text-decoration:none}
@font-face{font-family:"patua_oneregular";src:url('https://www.piecesetmaindoeuvre.com/squelettes/assets/fonts/patuaone-regular-webfont.woff2') format("woff2"),url('https://www.piecesetmaindoeuvre.com/squelettes/assets/fonts/patuaone-regular-webfont.woff') format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"source_serif_proregular";src:url('https://www.piecesetmaindoeuvre.com/squelettes/assets/fonts/sourceserifpro-regular-webfont.woff2') format("woff2"),url('https://www.piecesetmaindoeuvre.com/squelettes/assets/fonts/sourceserifpro-regular-webfont.woff') format("woff");font-weight:400;font-style:normal}
html{scroll-behavior:smooth}
body{font-family:source_serif_proregular,serif;font-size:16px;overflow-x:hidden}
.spip-admin-float{position:absolute;top:96vh!important;font-size:.7em}
#icone_travaux{top:90vh!important}
#header{background-color:#000;width:100vw;height:auto;padding:10px 0 30px;overflow-x:hidden}
#header > #navmain{width:100vw;height:70px;background-color:#000;padding:7px 0 10px;margin:0;position:fixed;top:0;left:0;z-index:10000}
#header > #navmain > div{width:90vw;margin:0 auto;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
#header > #navmain > div div a img.spip_logo{display:inline-block;width:200px;height:auto}
#header > #navmain > div > .menu{display:flex;flex-direction:row;align-items:center;background-color:#000}
#header > #navmain > div > .menu > li{margin:0 .6rem;padding:.5em 0}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu > li{width:80%;color:#FFF;background-color:#000;overflow:hidden}}
#header > #navmain > div > .menu > li > a{font-family:patua_oneregular,serif;font-size:1em;color:#FFF}
#header > #navmain > div > .menu > li > a:hover,#header > #navmain > div > .menu > li > a.on{text-decoration:underline}
#header > #navmain > div > .menu > li > #formulaire_recherche input.search{width:100px;padding:8px}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu > li > #formulaire_recherche input.search{width:90%}}
#header > #navmain > div > .menu > li > #formulaire_recherche input.submit{display:none}
#header > #navmain > div > .menu > li.info{padding:4px 8px;border:2px solid #FFF}
#header > #navmain > div > .menu > li.info:hover{border-color:#F00;background-color:#F00}
#header > #navmain > div > .menu > li.info:hover > a{color:#000}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu{position:absolute;top:0;left:0;margin-top:72px;width:100%;flex-direction:column;justify-content:space-between;align-items:center}
#header > #navmain > div > .menu :nth-child(1){order:2}
#header > #navmain > div > .menu :nth-child(2){order:3}
#header > #navmain > div > .menu :nth-child(3){order:4}
#header > #navmain > div > .menu :nth-child(4){order:5}
#header > #navmain > div > .menu :nth-child(5){order:6}
#header > #navmain > div > .menu :nth-child(6){order:7}
#header > #navmain > div > .menu :nth-child(7){order:1}
#header > #navmain > div > .menu :nth-child(8){order:8}
#header > #navmain > div > .menu :nth-child(9){order:9}
#header > #navmain > div > .menu .info{display:none}}
#header > #navmain > div > .menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}
#header > #navmain > div > .menu-button-container > .menu-button,#header > #navmain > div > .menu-button-container > .menu-button::before,#header > #navmain > div > .menu-button-container > .menu-button::after{display:block;position:absolute;background-color:#FFF;width:30px;height:4px;transition:transform 400ms cubic-bezier(0.23,1,0.32,1);border-radius:2px;content:""}
#header > #navmain > div > .menu-button-container > .menu-button::before{margin-top:-8px}
#header > #navmain > div > .menu-button-container > .menu-button::after{margin-top:8px}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu-button-container{display:flex}}
#header > #navmain > div #menu-toggle{display:none}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button::before{margin-top:0px;transform:rotate(405deg)}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button{background:#000}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button::after{margin-top:0px;transform:rotate(-405deg)}
@media only screen and (max-width:1100px){#header > #navmain > div #menu-toggle ~ .menu li{height:0;margin:0;padding:0;border:0;transition:height 400ms cubic-bezier(0.23,1,0.32,1)}
#header > #navmain > div #menu-toggle:checked ~ .menu li{height:2.5em;transition:height 400ms cubic-bezier(0.23,1,0.32,1)}}
#header > .titremain{width:90vw;height:auto;max-width:1440px;margin:7rem auto 0}
@media only screen and (max-width:1100px){#header > .titremain{margin:4rem auto 0}}
#header > .titremain h1{font-family:patua_oneregular,serif;font-size:3.3em;color:#FFF;margin:10px 0;padding:.2em 1em .1em 0;display:inline-block;position:relative}
#header > .titremain h1 > i{font-style:italic}
#header > .titremain h1 > img{display:inline-block;position:absolute;width:120px;right:-300px;top:-20px;transition:transform 0.7s ease-in-out}
#header > .titremain h1 > img:hover{transform:rotate(580deg)}
@media only screen and (max-width:1100px){#header > .titremain h1{font-size:2em}}
#header > .titremain h2{font-family:patua_oneregular,serif;font-size:3em;color:#FFF;margin:80px 0 4rem}
#header > .titremain h2 i{font-style:italic}
@media only screen and (max-width:1100px){#header > .titremain h2{margin:48px 0 4rem;font-size:2em}}
#header > .titremain h3{font-family:source_serif_proregular,serif;font-size:1.1em;color:#FFF;margin:20px 0}
#header > .titremain h3 i{font-style:italic}
#header > .titremain a.secret{display:inline-block;padding:.5em 1em;background-color:#FFF;color:#000;font-family:patua_oneregular,serif;font-size:1em}
#header > .titremain a.secret:hover{background-color:#F00}
#header > .titremain .blocart{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:40px 10px}
#header > .titremain .blocart > article{position:relative;width:30%;padding:0 0 3em;background:linear-gradient(#F00 0 0) bottom/0% 2px no-repeat;transition:1s all}
@media only screen and (max-width:1100px){#header > .titremain .blocart > article{width:100%;padding-bottom:1em;border-bottom:1px solid #F00}}
#header > .titremain .blocart > article > a{display:inline-block;width:100%;height:100%}
#header > .titremain .blocart > article > a > h3{font-family:patua_oneregular,serif;font-size:1.4em;margin:.3em 0 .8em}
#header > .titremain .blocart > article > a > .auteurs{font-family:source_serif_proregular,serif;font-size:.8em;color:#FFF}
#header > .titremain .blocart > article:hover{background-size:100% 2px}
#header > .titremain .blocart > .pagination-items{width:40vw;margin:0 auto;display:flex;flex-direction:row;justify-content:space-evenly}
#header > .titremain .blocart > .pagination-items > li{padding:.1em .3em}
#header > .titremain .blocart > .pagination-items > li > a{display:inline-block;padding:0 .3em;border:1px solid #FFF;color:#FFF}
#header > .titremain .blocart > .pagination-items > li > a:hover{color:#000;background-color:#F00;border-color:#F00}
#header > .titremain .blocart > .pagination-items > li.active{color:#F00}
#header > .titremain .blocart > .pagination-items > li.tbc{color:#F00}
#header > .titremain > .pagecont{display:flex;flex-direction:column;justify-content:flex-start;color:#FFF}
#header > .titremain > .pagecont > div.pageconttop{display:flex;flex-direction:row;justify-content:space-between}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop{flex-direction:column;justify-content:flex-start}}
#header > .titremain > .pagecont > div.pageconttop > h1{width:45%;margin:0}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > h1{width:100%}}
#header > .titremain > .pagecont > div.pageconttop > h1 > span{display:block;font-size:.35em}
#header > .titremain > .pagecont > div.pageconttop > div{width:60%;margin:0}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > div{width:100%}}
#header > .titremain > .pagecont > div.pageconttop > div h2{width:80%;float:right;margin:.8em 0 1em;font-size:1.6em}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > div h2{width:100%;float:left}}
#header > .titremain > .pagecont > div.pageconttop > div p{width:80%;float:right}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > div p{width:100%;float:left}}
#header > .titremain > .pagecont > div.pageconttop > div blockquote{width:80%;float:right;margin:1em;padding:0 0 0 1em;border-left:2px solid #F00}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > div blockquote{width:100%;float:left}}
#header > .titremain > .pagecont > div.pageconttop > div ul{width:80%;float:right;list-style:outside}
@media only screen and (max-width:1100px){#header > .titremain > .pagecont > div.pageconttop > div ul{width:100%;float:left}}
#header > .titremain > .pagecont > div.pageconttop > div ul > li{list-style:disc}
#header > .titremain > .pagecont > div.pageconttop > div form{float:right;margin:0;padding:0}
#header > .titremain > .pagecont > div.pageconttop > div form label{display:inline-block;padding:.3em 1em .3em 0;color:#FFF}
#header > .titremain > .pagecont > div.pageconttop > div form input,#header > .titremain > .pagecont > div.pageconttop > div form textarea{display:inline-block;width:90%;padding:.7em 1em;font-size:1em}
#header > .titremain > .pagecont > div.pageconttop > div form button{display:inline-block;padding:.5em 1em;margin:2em 0 0;border:0;background-color:#FFF;color:#000;font-family:patua_oneregular,serif;font-size:1em}
#header > .titremain > .pagecont > div.pageconttop > div form button:hover{background-color:#F00}
#header > .titremain > .pagecont > .pagecontbot > p{margin:0 0 1em 1em}
#header > .titremain > .pagecont > .pagecontbot > div.spip_document > figure.spip_doc_inner{margin-left:1em}
#header > .titremain > .pagecont > .pagecontbot > div.spip_document > figure.spip_doc_inner > a.spip_doc_lien > img{width:32px;float:left}
#header > .titremain > .pagecont > .pagecontbot > div.spip_document > figure.spip_doc_inner > figcaption > div.spip_doc_titre{line-height:64px;padding-left:1em}
#header > .titremain .cat{color:#000;font-family:source_serif_proregular,serif;font-size:.875rem;background-color:#FFF;padding:0 .2em}
#header > .titremain > .artmetas{margin-top:2em;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;color:#FFF;font-family:source_serif_proregular,serif;font-size:1em}
@media only screen and (max-width:1100px){#header > .titremain > .artmetas{flex-direction:column}}
#header > .titremain > .artmetas > div{padding:0 1em;font-weight:400;line-height:2em}
#header > .titremain > .artmetas > div > h4{font-weight:700}
#header > .titremain > .artmetas > div > a{color:#FFF}
#header > .titremain > .artmetas > div > a:hover{text-decoration:underline}
#header > .titremain > .artmetas > div > a > img{margin:0 2px 0 0;width:15px;height:auto;position:relative;top:1px}
#header > .titremain > .artmetas > div.pdf{border:1px solid #F00}
#contenu{background-color:#FFF;width:100vw;height:auto;margin:1px 0 0}
#contenu > .texte{width:50vw;height:auto;max-width:1440px;margin:7rem auto}
@media only screen and (max-width:1100px){#contenu > .texte{width:80vw;margin:4rem auto}}
#contenu > .texte h2{font-family:patua_oneregular,serif;font-size:2.3em;color:#000;margin:40px 0 30px}
#contenu > .texte h3{font-family:patua_oneregular,serif;font-size:1.8em;color:#000;margin:20px 0 30px}
#contenu > .texte p{margin:20px 0;font-family:source_serif_proregular,serif;font-size:1.2em;color:#000;line-height:1.6em}
#contenu > .texte p i{font-style:italic}
#contenu > .texte p > sig{display:block;text-align:right;font-weight:900;line-height:1.3em}
#contenu > .texte blockquote{margin:1em;padding:0 0 0 1em;border-left:2px solid #F00}
@media only screen and (max-width:1100px){#contenu > .texte blockquote{width:100%;float:left}}
#contenu > .texte strong{font-weight:700}
#contenu > .texte img{max-width:100%}
#contenu > .texte .spip_logo{width:20px;height:20px;float:left;margin:0 .5em 0 0;padding:0}
#contenu > .texte a{color:#000;text-decoration:underline}
#contenu > .texte a:hover{color:#F00}
#contenu > .texte hr.spip{width:100%;border:0;border-top:1px solid #000}
#contenu > .texte img{max-width:100%}
#contenu > .texte > ul > li{margin:0 0 .3em;font-size:1.2em;list-style-type:disc;list-style-position:inside}
#contenu > .texte > div[id^="nb"]{padding:0 1em .5em;margin:0;background-color:#EEE;font-size:.9em}
#contenu > .texte > div[id^="nb"] > p{margin:0}
#contenu > .texte > div#nb1{padding:1em 1em .5em;border-top:1px solid black}
#contenu > .librairie{height:auto;max-width:1440px;margin:30px auto}
@media only screen and (max-width:1100px){#contenu > .librairie{width:80vw}}
#contenu > .librairie > article{width:80vw;display:flex;flex-direction:row;justify-content:space-between;padding:1%}
@media only screen and (max-width:1100px){#contenu > .librairie > article{flex-direction:column;justify-content:flex-start}}
#contenu > .librairie > article > .colg{width:38%}
@media only screen and (max-width:1100px){#contenu > .librairie > article > .colg{width:100%}}
#contenu > .librairie > article > .colg > img{width:88%}
#contenu > .librairie > article > .cold{width:55%}
@media only screen and (max-width:1100px){#contenu > .librairie > article > .cold{width:100%}}
#contenu > .librairie > article > .cold > h2{font-family:patua_oneregular,serif;font-size:2.3em;margin:10px 0}
#contenu > .librairie > article > .cold i{font-style:italic}
#contenu > .librairie > article > .cold > p > strong{display:inline-block;margin:10px 0;font-family:patua_oneregular,serif;font-size:1.3em}
#contenu > .librairie > article > .cold blockquote{margin:1em;padding:0 0 0 1em;border-left:2px solid #F00}
@media only screen and (max-width:1100px){#contenu > .librairie > article > .cold blockquote{width:100%;float:left}}
#contenu > .piecedet{height:auto;max-width:1440px;margin:30px auto}
@media only screen and (max-width:1100px){#contenu > .piecedet{width:80vw}}
#contenu > .piecedet > article{width:80vw;display:flex;flex-direction:row;justify-content:space-between;padding:1%}
@media only screen and (max-width:1100px){#contenu > .piecedet > article{flex-direction:column;justify-content:flex-start}}
#contenu > .piecedet > article > .colg{width:20%;font-size:4em;font-family:patua_oneregular,serif;text-align:center}
@media only screen and (max-width:1100px){#contenu > .piecedet > article > .colg{width:100%;font-size:2em}}
#contenu > .piecedet > article > .colc{width:75%}
@media only screen and (max-width:1100px){#contenu > .piecedet > article > .colc{width:100%}}
#contenu > .piecedet > article > .colc > h2{font-family:patua_oneregular,serif;font-size:2.3em;margin:10px 0}
@media only screen and (max-width:1100px){#contenu > .piecedet > article > .colc > h2{font-size:1.3em}}
#contenu > .piecedet > article > .colc > h2 > span{font-size:.4em}
#contenu > .piecedet > article > .colc > p > strong{display:inline-block;margin:10px 10px 10px 0;font-family:patua_oneregular,serif;font-size:1.3em}
#contenu > .piecedet > article > .colc i{font-style:italic}
#contenu > .piecedet > article > .colc > div.spip_document > figure.spip_doc_inner > a.spip_doc_lien > img{width:32px;float:left}
#contenu > .piecedet > article > .colc > div.spip_document > figure.spip_doc_inner > figcaption > div.spip_doc_titre{line-height:64px;padding-left:1em}
#contenu > .piecedet > article > .colc blockquote{margin:1em;padding:0 0 0 1em;border-left:2px solid #F00}
@media only screen and (max-width:1100px){#contenu > .piecedet > article > .colc blockquote{width:100%;float:left}}
#contenu > .piecedet > article > .colc > ul.spip{list-style-position:inside;list-style-type:disc}
#contenu > .piecedet > article > .colc > ul.spip > li{margin:0 0 1em}
#contenu > .piecedet > article > .colc > ul.spip > li > ul.spip{margin-top:.3em;list-style:none;font-weight:700}
#footer{width:100vw;height:auto;background-color:#000;padding:5rem}
@media only screen and (max-width:1100px){#footer{padding:3rem}}
#footer a{font-family:source_serif_proregular,serif;font-size:.9em;color:#FFF}
#footer a:hover,#footer a.on{color:#F00;text-decoration:underline}
#footer a.secretfoot{display:inline-block;padding:.5em 1em;margin:2em 0;background-color:#FFF;color:#000;font-family:patua_oneregular,serif;font-size:1em}
#footer a.secretfoot:hover{background-color:#F00}
#footer h2{color:#FFF;font-family:patua_oneregular,serif;font-size:1.2em;margin:0 0 1em}
@media only screen and (max-width:1100px){#footer h2{margin-left:-1em}}
#footer > .footcont{width:80vw;max-width:1440px;margin:0 auto;padding:1em;display:flex;flex-direction:row;gap:10px;justify-content:space-between}
@media only screen and (max-width:1100px){#footer > .footcont{width:90vw;max-width:90vw;flex-direction:column;justify-content:flex-start}}
#footer > .footcont > .footident{width:20%}
@media only screen and (max-width:1100px){#footer > .footcont > .footident{width:100%}}
#footer > .footcont > .footident > a img.spip_logo{display:inline-block;width:200px;height:auto}
#footer > .footcont > .footlivr{width:20%;padding:0 1em}
@media only screen and (max-width:1100px){#footer > .footcont > .footlivr{width:100%}}
#footer > .footcont > .footlivr > ul > li{margin:0 0 .8em}
#footer > .footcont > .footcat{width:20%;padding:0 1em}
@media only screen and (max-width:1100px){#footer > .footcont > .footcat{width:100%}}
#footer > .footcont > .footcat > ul > li{margin:0 0 .8em}
#footer > .footcont > .footinfo{width:40%;padding:0 1em}
@media only screen and (max-width:1100px){#footer > .footcont > .footinfo{width:100%}}
#footer > .footcont > .footinfo > p{font-family:source_serif_proregular,serif;font-size:1rem;color:#FFF}