/* global */
::-webkit-scrollbar{background-color:#000;box-shadow:0 0 0 1px #888 inset;width:7px}
::-webkit-scrollbar-thumb{background-color:#888;}

body{ margin:0; min-height:100vh; font:13pt sans-serif; background:#fff; color:#000; }
a,.fakelink{color:#08d;font-weight:bold;background:none;text-decoration:none;cursor:pointer;}
h1,h2,h3{margin:0;}
img{ max-width:100%; }
div{position:relative;}
textarea,input{border:0;border-radius:5px;padding:.3em .7em;font:13pt sans-serif;font-weight:bold;}
em{ font-style:normal; color:#088; font-weight:bold; }

/* precis*/
header{width:100vw;}
main{ padding-bottom:10em; width:100vw; }
footer{ position:absolute; bottom:0; text-align:center; color:#fff; width:100vw; }
.test{min-height:20px;background:#f40;display:table;}

.body_w1200{ width:100%; max-width:1200px; min-height:100%; }
.article{ background:#def; padding:1.2em 1.2em 1em 1.2em;
border-radius:7px; width:90%; max-width:40em; }
.article_title{ font-weight:bold; color:#068 }
.fs80{ font-size:.8em; }
.fs90{ font-size:.9em; }
.fs125{ font-size:1.25em; }
.fs150{ font-size:1.5em; }
.fs200{ font-size:2em; }
.fs300{ font-size:3em; }
.w90_mxw800, .article{ width:90%; max-width:40em; }
.zone_logo{ height:40vh; min-height:240px; max-height:30em; }
.back_logo{ background:url(back_gradient.svg) repeat-x left top;background-position:75% 0; }
.back_logo_colo{ background:#008d8d; }
.zone_logo_340{ width:34em; }
.logo{ width:12em;height:12em;background:#0000 url(logo_valliid.svg) no-repeat center center/contain; }

.ww_btn{ background:#088; color:#fff; border-radius:2em; padding:1em 2em; text-decoration:none; border:1px solid #00808000; cursor:pointer; transition:all .5s; }
.ww_btn:hover{ background:#fff; color:#008080; border-color:#008080ff; transform:scale(1.1); }
.ww_btn, .hover_scale11_5s{transition:all .5s;}
.ww_btn:hover, .hover_scale11_5s:hover{transform:scale(1.1);}
.hover_btn{ cursor:pointer;background:#ddd2;box-shadow:0 0 0 1px #aaa2 inset; }
.hover_btn:hover{ background:#0003; }
.hover_cliquez{background:url("cliquez_image.svg") no-repeat center center/contain;}
[data-zone="slider_scrap_photos"]{width:calc(240px * 50);}
[data-zone="contain_slider_scrap_photos"]{animation:scrap_slider calc(4s * 50) linear infinite;}/* LIAISON slice scrap js, changer les * 50 */
@keyframes scrap_slider{from{transform:translateX(0px);}to{transform:translateX(calc(-240px * 50));}}
.slider_scrap_a_img{ width:240px;height:240px;background:#0000 url(logo_valliid.svg) no-repeat center center/cover; }

/*positions*/

.display_none{ display:none; }
.flex{ display:flex; }
.table{ display:table; }
.flexwrap{ flex-wrap:wrap; }
.flexnowrap{ flex-wrap:nowrap; }
.flex_yc{ align-items:center; }
.flex_baseline{ align-items:baseline; }
.inline{ display:inline; }
.in_table>*{ display:table-cell; }
.flexspace{ justify-content:space-evenly; }
.flexspace2{ justify-content:space-around; }
.flex_column{ flex-direction:column; }
.oh{overflow:hidden;}

.cfff{color:#fff;}
.c044{color:#044;}
.b_add{background:#add;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.zi1{z-index:1;}

.pa{ position:absolute; }
.l0{ left:0; }
.r0{ right:0; }
.t0{ top:0; }
.w100p{ width:100%; }
.mxw100p{ max-width:100%; }
.h100{ height:100%; }

.pd_6_8{ padding:.6em .8em; }
.pdx10{ padding-left:1em; padding-right:1em; }
.pt2{padding-top:.2em;}
.pt10{padding-top:1em;}
.pb30{padding-bottom:3em;}

.ma, .body_div{ margin-left:auto; margin-right:auto; }
.mt3px{ margin-top:3px; }
.mt2{ margin-top:.2em; }
.mt6{ margin-top:.6em; }
.mt10{ margin-top:1em; }
.mt20{ margin-top:2em; }
.mt28{ margin-top:2.8em; }
.mt40{ margin-top:4em; }
.ml20{ margin-left:2em; }
.mr4{ margin-right:.4em; }
.mr8{ margin-right:.8em; }
.mb10{ margin-bottom:1em; }
.mb20{ margin-bottom:2em; }

.w100-160{ width:calc(100% - 8em); }
.extern_phish_tahko{ width:8em; height:8em; border-radius:4em; background:#0000 url(extern_phish_tahko_12.jpg) no-repeat center center/contain; }
.extern_soulmates{ width:8em; height:8em; border-radius:4em; background:#0000 url(extern_soulmates_12.jpg) no-repeat center center/contain; }
.page665_img{position:absolute;width:820px;height:720px;}
.page665_tuto{z-index:6;background:url("./move-click_ddd.svg") no-repeat center center/contain;;width:200px;height:200px;left:110px;top:4rem;}
.page665_avant{background:url("./imgs_page665/test_avant.jpg") no-repeat left top/cover;}
.page665_apres{background:url("./imgs_page665/test_apres.jpg") no-repeat left top/cover;z-index:1;width:0px;box-shadow:4px 0 0 0 #444;transition:width .08s linear}



/* TODO_3 export styles vers fichier ori, puis celui de www */

.flex_space{ justify-content:space-between; }

.flex_xc{ justify-content:center; }

.underline_text{ margin-left:auto;margin-right:auto;width:calc(100% - 1em);min-width:2em;height:2px;background:#088; }



/* minuscule */
@media(max-width:580px){

body{ font-size:7pt; }

.zone_logo, footer{ background-size:100%; }

}