/****************************************
*
*	Portail AFJV v4.0
*	Auteur Emmanuel Forsans
*	Tous droits réservés
*
*****************************************/
body,h2{text-align:left}#ban_pict,#debug{background-color:#000}#menu,#menu_deg{height:52px;position:fixed}#debug,#menu,#menu_deg,#menu_mob{top:0;left:0}#menu li,.bouton,.icon{display:inline-block}#debug,#menu,#menu li ul,#menu_deg,#menu_mob{position:fixed}#debug,#menu li ul,body{font-family:Roboto,Arial,sans-serif}#ban_content h1,#ban_content h1 a,#menu,.bouton{color:#fff}#menu,.ns_box1 h3 a{font-weight:500;margin:0}#ban_pict,.icon,.ns_loupe::after{background-position:center}#menu_mob,.ns_img,.ns_loupe::after{transition-duration:.3s}#ban_pict,#job_ban{background-size:cover}#search_form label,.job_box h3 a,.ns_cat{font-variant:small-caps}.icon,.job_log{background-size:contain;background-repeat:no-repeat}#menu_mob,.icon,.job_log,.ns_loupe::after{background-repeat:no-repeat}#menu li,.bouton,.job_soc span{text-transform:uppercase}#ban_pict,#menu li ul,.job_box,.job_box h3 a,.job_soc span,.ns_box1,.ns_loupe{overflow:hidden}#job_ban,#job_ban a,#vid_ban,#vid_ban a{width:100%;height:450px}#ban_content h1,#vid_tit_a2,#vid_tit_b2{animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards}.job_box,.ns_box1,.vm_box{box-shadow:0 1px 2px rgba(0,0,0,.2)}.ns_box1 h3 a,.vm_box h3 a{font-size:1.6em;line-height:1.4}.job_box h3 a,.ns_box1 h3 a,.vm_box h3 a{z-index:100;text-decoration:none}#bp_deg,#bp_flex{background-color:#253040}#bp_flex a,#menu a,#menu li ul li:hover,.bouton,.job_box h3 a,.ns_box1 h3 a,.vm_box h3 a{text-decoration:none}#news_body,.cb{clear:both}@font-face{font-family:Roboto;src:url("../ttf/roboto-regular.ttf") format("truetype");font-display:swap}@font-face{font-family:Ubuntu;src:url("../ttf/ubuntu-bold.ttf") format("truetype");font-display:swap}body{width:auto;margin:0;padding:0;font-size:12px;color:#333;background-color:#f1f2f4}.bouton,h2{font-family:Ubuntu,sans-serif}h2{border-bottom:1px solid #acdde6;color:#00b6ce;padding:0 0 .7em;margin:1.3em .5em .8em;font-size:3.3em}.bouton{font-size:13px;line-height:1.5em;background-color:#00b6ce;padding:.7em 1.2em}#news_body,#news_tit h1::before,.job_box,.ns_box1,.vm_box{background-color:#fff}.fl{float:left}.fr,.img_fr{float:right}.tac{text-align:center}#menu li ul,.tal{text-align:left}.tar{text-align:right}.icon{width:1em;height:1em;vertical-align:sub}.info_w{background-image:url("../svg/info.svg")}#logo_index{position:absolute;width:150px;height:150px;background-image:url('../svg/logo_afjv_carre.svg');top:80px;left:calc(50% - 75px)}#ban_content{height:600px;width:100%}#ban_pict{position:absolute;width:100%;height:600px;background-image:url('../001.html')}#ban_pict::after{position:absolute;bottom:0;left:0;right:0;top:0;background-color:rgba(0,0,0,.5);content:''}#debug{padding:1em;color:#0f0;font-size:3em;z-index:100000;display:none}#ban_content h1,#bp_flex h5,#menu,#news_tit h1,#vid_tit_a1,#vid_tit_a2,#vid_tit_b1,#vid_tit_b2,.job_box h3 a,.job_soc span,.ns_box1 h3 a,.vm_box h3 a{font-family:Ubuntu,sans-serif}#menu_mob{height:50px;width:100%;background-color:rgba(0,0,0,0);background-image:url("../svg/menu_2.svg");background-position:right;background-size:auto;z-index:100002;display:none}#menu_deg{width:100%;background-image:linear-gradient(#000,rgba(0,0,0,0));background-image:-moz-linear-gradient(#000,rgba(0,0,0,0));background-image:-webkit-linear-gradient(#000,rgba(0,0,0,0));background-image:-o-linear-gradient(#000,rgba(0,0,0,0));z-index:100000}#menu{display:block;text-align:center;width:100%;padding:0;font-size:1.1em;z-index:100001}#menu a{color:inherit}#menu li{margin:0;letter-spacing:.1em;line-height:52px;cursor:pointer;background-color:rgba(255,255,255,0);padding:0 1em}#menu li a{display:block}#menu li:hover{background-color:rgba(255,255,255,.2)}#menu li ul{background:rgba(255,255,255,.8);display:block;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-moz-backdrop-filter:blur(6px);-o-backdrop-filter:blur(6px);margin-left:-13px;height:0;transition-property:height}#menu li ul::before{display:block;content:' ';height:4px;background-color:#2e87d1;margin-bottom:1.5em}#menu li ul::after{display:block;content:' ';margin-top:1.5em}#menu li ul p{height:20px;margin:0}#menu li ul li{display:block;color:#000;text-transform:none;line-height:2em;margin:0;padding:0;font-size:1.1em;letter-spacing:normal}#menu li ul li a{padding:0 2em}#menu li ul li:hover{background:#2e87d1;color:#fff}#ban_content h1{font-size:4em;position:absolute;margin:350px 0 0 50px;width:700px;opacity:0;animation-name:ban_titre_anim_1;animation-delay:.3s}#ban_content h1::before{display:block;height:.15em;width:30%;background-color:#fff;content:"";margin:0 0 .8em}#ban_content h1 em{display:block;font-size:.4em;margin:1.5em 0 0;font-style:normal}#ban_content h1 em span{margin:0 .5em 0 0;font-size:1.5em}@keyframes ban_titre_anim_1{from{padding-left:150px;opacity:0}to{padding-left:0;opacity:1}}#search_form{padding:30px 0 0}#search_form label{vertical-align:super;margin:0 1em .5em 0;font-size:14px}#search_text{width:320px;max-width:calc(100% - 15px);height:28px;border:1px solid #ccc;padding:0 0 0 8px;margin:0;vertical-align:top}#search_bouton{display:inline-block;width:40px;height:30px;background-image:url('../svg/search.svg');margin:0 0 0 -42px;cursor:pointer}.ns_conteneur{text-align:center;width:1280px;max-width:100%;margin-left:auto;margin-right:auto}.ns_box1{display:inline-block;width:390px;height:390px;margin:0 15px 30px}.ns_box1 h3 a,.ns_img{display:block;position:absolute}.job_box:hover,.ns_box1:hover,.vm_box:hover{box-shadow:0 3px 4px rgba(0,0,0,.4)}.ns_img{width:390px;height:219px}.ns_box1:hover .ns_img{filter:brightness(.5)}.ns_box1 h3,.vm_box h3{margin:0;font-weight:400;font-size:1em}.ns_box1 h3 a{width:370px;height:216px;padding:159px 10px 15px;color:#fefefe;text-align:left;background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px);background-image:-o-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px);background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px)}.ns_desc,.vm_desc{position:absolute;width:360px;height:117px;overflow:hidden;text-align:left;margin:234px 0 0;color:#505050;font-size:1.1em;padding:0 20px;line-height:1.5}.ns_vues,.vm_lec{position:absolute;margin:363px 0 0 20px;color:#bf0000}.ns_date::before,.vm_date:before{content:'';margin:0 8px 2px;display:inline-block;height:5px;width:5px;background-color:#d96666;border-radius:50%}.ns_cat{position:absolute;margin:363px 0 0;width:370px;text-align:right;color:#008c00}.job_box h3 a,.job_soc{text-align:left;position:absolute}.ns_loupe{position:absolute;width:390px;height:219px}.ns_loupe::after{position:relative;display:block;content:'';right:300px;top:40px;width:390px;height:50px;background-image:url("../svg/loupe_2.svg");-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}.ns_box1:hover .ns_loupe::after{right:0}#job_ban{background-image:url("../job_search.html");background-position:0 450px;margin-top:50px}#job_ban a{display:block;opacity:0}.job_box{display:inline-block;width:390px;height:170px;margin:2px 15px 28px;white-space:nowrap}.job_box h3{margin:0;font-size:1.5em;font-weight:600}.job_box h3 a{display:block;max-width:calc(100% - 22px);padding:6px;color:#050;width:370px;height:158px}.job_log{position:absolute;width:175px;height:110px;margin:45px 0 0 10px;background-position:top center}#vid_ban,.vm_img_div{background-size:cover}.job_cat{position:absolute;margin:65px 0 0 135px}.job_soc{display:block;width:190px;margin:45px 0 0 200px;line-height:1.8em}.job_soc span{color:#aaa;font-size:1.1em;display:block;width:calc(100% - 2px);font-weight:600}.job_date{position:absolute;margin:149px 0 0;text-align:right;width:380px;color:#bf0000}.vm_box,.vm_img_div{width:390px;overflow:hidden}.job_msk{position:absolute;margin:0}#vid_ban{background-image:url("../video_01.html");overflow:hidden;margin-top:50px}#vid_ban a{display:block}#vid_tit_a1,#vid_tit_a2{width:0%;font-size:18em;color:#fff;position:absolute;margin-top:150px;right:0;white-space:nowrap;overflow:hidden}#vid_tit_b1,#vid_tit_b2{font-style:italic;color:#00b6ce;opacity:0;position:absolute;font-size:8em;margin:270px 0 0;text-align:center;width:90%;text-shadow:2px 2px 1px #000;white-space:nowrap;overflow:hidden}#vid_tit_a2{animation-name:vid_tit_a2_anim;animation-delay:0s}#vid_tit_b2{animation-name:vid_tit_b2_anim;animation-delay:.3s}@keyframes vid_tit_a2_anim{from{width:0%}to{width:56%}}@keyframes vid_tit_b2_anim{from{opacity:0;width:90%}to{opacity:1;width:100%}}.vm_box{display:inline-block;height:390px;margin:0 15px 30px;text-align:left}.blur_box:after,.vm_tim{background-color:#000;position:absolute}.vm_img_div{position:absolute;height:219px;background-position:center top}.vm_play{position:absolute;width:68px;height:48px;margin:53px 0 0 161px;background-image:url("../svg/play_gris.svg")}.vm_box:hover .vm_play{background-image:url("../svg/play_rouge.svg")}.vm_tim{color:#fff;margin:4px;padding:.3em;font-size:1.2em;opacity:.8}.vm_box h3 a{display:block;position:absolute;width:370px;height:216px;margin:0;padding:159px 10px 15px;color:#fefefe;text-align:left;background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px);background-image:-o-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px);background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 219px,rgba(0,0,0,0) 219px)}.vm_link{position:absolute;width:390px;height:390px}@media screen and (max-width:1259px){#job_9,#ns_9,#vm_9{display:none}#job_ban,#job_ban a{height:275px}#vid_tit_a1,#vid_tit_a2{font-size:10em}#vid_tit_b1,#vid_tit_b2{font-size:5em}#vid_ban,#vid_ban a{height:350px}}@media screen and (max-width:979px){#menu li,#menu_mob{display:block}#menu,#menu li,#menu_div{background-color:#000}#menu,#menu li ul{position:relative}#ban_content h1{font-size:1.8em;margin:275px 0 0 15px;width:auto;opacity:1;animation-name:none}#ban_content h1 em{font-size:.7em}#ban_content,#ban_pict{height:400px}#menu li ul p,#menu_deg{display:none}#menu_div{position:fixed;width:100%;height:0;max-height:100vh;overflow:scroll;z-index:100000}#menu{top:50px;left:-100%;transition-property:left;transition-duration:.3s;text-align:left}#menu li{padding:0}#menu li span{margin-left:2em}#menu li:hover{background-color:#334}#menu li ul{background-color:#ccc}#menu li ul li{line-height:3em;background-color:#ccc}.ns_box1{width:360px;margin:0 5px 15px}.ns_img{width:360px;height:203px}.ns_box1 h3 a{width:340px;font-size:1.5em;padding:143px 10px 15px;background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 110px,rgba(0,0,0,.15) 130px,rgba(0,0,0,.5) 165px,rgba(0,0,0,.5) 203px,rgba(0,0,0,0) 203px)}.ns_desc{width:340px;padding:0 10px;margin-top:224px}.ns_vues{margin:363px 0 0 10px}.ns_cat{width:350px}.job_date,.ns_link,.ns_loupe,.ns_loupe::after{width:360px}#job_ban{background-position:0 top}.job_box,.vm_box{width:370px;margin:5px}.job_pos{width:358px;font-size:1.4em}.job_log{width:160px}.job_soc{margin:45px 0 0 180px}.job_lnk,.vm_img_div,.vm_link{width:370px}#vid_tit_a1{width:56%}#vid_tit_b1{opacity:1;width:100%}.vm_play{margin-left:151px}.vm_box h3 a{width:350px;font-size:1.5em}.vm_desc{width:350px;padding:0 10px}.vm_lec{margin-left:10px}}.blur_box:after,.blur_div2,.blur_img{height:500px;width:100%}@media screen and (max-width:767px){.ns_box1,.ns_cat,.ns_img{max-width:100%}.job_box,.job_lnk,.ns_link,.vm_box,.vm_img_div,.vm_link{width:calc(100% - 10px)}#search_form label{display:block}#job_ban,#ns_7,#ns_8,#vid_ban,#vm_7,#vm_8,.ns_loupe{display:none}.ns_box1{display:block;margin:5px auto}.ns_box1 h3 a,.ns_desc{max-width:calc(100% - 20px)}.job_box,.vm_box{display:block;margin:5px}.job_log{width:200px;max-width:40%}.job_pos{width:calc(100% - 22px)}.job_soc{margin:45px 0 0 50%;width:calc(50% - 10px)}.job_date{width:calc(100% - 20px)}.vm_box h3 a,.vm_desc{width:calc(100% - 30px)}.vm_play{margin-left:calc(50% - 34px)}.vm_box h3 a{font-size:1.5em}}@media screen and (max-width:359px){.job_box h3,.ns_box1 h3 a{font-size:1.3em}.job_log{width:100px}}#bp_deg{height:50px;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0))}#bp_flex{display:flex;color:#fefefe;font-size:1.2em;padding:1em 0 5em;justify-content:center}#bp_flex h5{font-size:18px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #4e6573}#bp_flex a{display:block;color:#fefefe;line-height:25px}#bp_flex a:hover{text-decoration:underline}#bp_1,#bp_2,#bp_3,#bp_4{display:flex;flex-basis:15%;flex-direction:column;margin:0 10px}#bp_4{justify-content:center;align-items:center}@media screen and (max-width:979px){#bp_1,#bp_2,#bp_3,#bp_4{flex-basis:20%;margin:0 0 0 20px}#bp_flex a{margin:10px 0}}@media screen and (max-width:767px){#bp_flex{flex-direction:column}#bp_flex a{display:inline-block;background-color:rgba(255,255,255,.2);padding:1em 2em;margin:.5em .4em;border-radius:5px}#bp_4{order:1}#bp_1{order:2}#bp_2{order:3}#bp_3{order:4}#bp_flex h5{margin-top:2em}}.blur_box{position:absolute;width:100%;line-height:0;overflow:hidden}.blur_box:after{content:"";top:0;opacity:.25}.blur_div{filter:blur(35px)}.blur_img{object-fit:cover;transform:scale(1.1)}.blur_div2{position:absolute;display:flex;color:#fff;flex-direction:column;justify-content:flex-end}.blur_div3{height:150px;margin:50px 0 0;background-color:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.15)}#news_tit::after{content:"";display:block;height:500px}#news_tit h1{font-size:3em;margin:0 50px}#news_tit h1::before{display:block;height:7px;width:200px;content:"";margin:0 0 .8em}.blur_div3 h2{color:#fff;font-size:2em;border:none;margin:20px 50px;opacity:.8}#news_body{width:1280px;margin:auto;font-size:15px;font-weight:400;overflow:hidden;line-height:1.7em}.img_fr{border:1px solid #ccc;padding:.5em;margin:0 0 1em 2em;max-width:40%;height:auto}