/****************************************
*
*	Portail AFJV v4.0
*	Auteur Emmanuel Forsans
*	Tous droits réservés
*
*****************************************/
@font-face{font-family:"Roboto";src:url(/v4/css/fonts/Roboto-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:"Ubuntu";src:url(/v4/css/fonts/Ubuntu-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:"icones";src:url(/v4/css/fonts/Byom-Icons-Trial.ttf) format("truetype");font-display:swap}body{width:auto;margin:0;padding:0;font-family:'Roboto',Arial,sans-serif;font-size:12px;color:#333;background-color:#f1f2f4;text-align:left}h2{border-bottom:1px solid #acdde6;text-align:left;font-family:'Ubuntu',sans-serif;color:#00B6CE;padding:0 0 .7em;margin:1.3em .5em .8em;font-size:3.3em}.bouton{display:inline-block;font-family:'Ubuntu',sans-serif;font-size:13px;text-transform:uppercase;line-height:1.5em;background-color:#00B6CE;color:#FFF;text-decoration:none;padding:.7em 1.2em}.bouton span{font-family:"icones";margin:0 .5em 0 1em;transition-duration:300ms}.bouton:hover span{margin:0 0 0 1.5em}.cb{clear:both}.fl{float:left}.fr{float:right}.tac{text-align:center}.tal{text-align:left}.tar{text-align:right}#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;overflow:hidden;background-color:#000;background-image:url(/v4/img/banniere/001.webp);background-position:center;background-size:cover}#ban_pict::after{position:absolute;bottom:0;left:0;right:0;top:0;background-color:rgba(0,0,0,.5);content:''}#debug{position:fixed;top:0;left:0;padding:1em;background-color:#000;color:#0F0;font-family:'Roboto',Arial,sans-serif;font-size:3em;z-index:100000;display:none}#menu_mob{position:fixed;height:50px;width:100%;top:0;left:0;background-color:rgba(0,0,0,0);background-image:url(/v4/css/svg/menu_2.svg);background-position:right;background-repeat:no-repeat;background-size:auto;z-index:100002;display:none;transition-duration:300ms}#menu_deg{position:fixed;top:0;left:0;height:52px;width:100%;background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));background-image:-moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));background-image:-webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));background-image:-o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));z-index:100000}#menu{position:fixed;display:block;height:52px;top:0;left:0;text-align:center;margin:0;font-family:'Ubuntu',sans-serif;width:100%;padding:0;color:#FFF;font-size:1.1em;z-index:100001}#menu a{color:inherit;text-decoration:none}#menu li{display:inline-block;margin:0;letter-spacing:.1em;text-transform:uppercase;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,0.2)}#menu li ul{position:fixed;background:rgba(255,255,255,0.8);text-align:left;display:block;padding:0;font-family:"Roboto",Arial,sans-serif;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-moz-backdrop-filter:blur(6px);-o-backdrop-filter:blur(6px);margin-left:-13px;height:0;overflow:hidden;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;text-decoration:none;color:#FFF}h1{font-family:'Ubuntu',sans-serif;font-size:4em;color:#FFF;position:absolute;margin:350px 0 0 50px;width:700px;opacity:0;animation-name:ban_titre_anim_1;animation-delay:300ms;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards}h1::before{display:block;height:.15em;width:30%;background-color:#FFF;content:"";margin:0 0 .8em}h1 em{display:block;font-size:.4em;margin:1.5em 0 0;font-style:normal}h1 em span{font-family:"icones";margin:0 1em 0 0;font-size:1.2em}@keyframes ban_titre_anim_1{from{padding-left:150px;opacity:0}to{padding-left:0;opacity:1}}@media screen and (max-width: 979px){h1{font-size:1.8em;margin:275px 0 0 15px;width:auto;opacity:1;animation-name:none}h1 em{font-size:.7em}#ban_content{height:400px}#ban_pict{height:400px}#menu_mob{display:block}#menu_deg{display:none}#menu_div{position:fixed;width:100%;height:0;max-height:100vh;background-color:#000;overflow:scroll;z-index:100000}#menu{position:relative;background-color:#000;top:50px;left:-100%;transition-property:left;transition-duration:300ms;text-align:left}#menu li{display:block;background-color:#000;padding:0}#menu li span{margin-left:2em}#menu li:hover{background-color:#334}#menu li ul{position:relative;background-color:#CCC}#menu li ul p{display:none}#menu li ul li{line-height:3em;background-color:#CCC}}#search_form{padding:30px 0 0}#search_text{width:320px;max-width:calc(100% - 15px);height:28px;border:1px #CCC solid;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;overflow:hidden;background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.ns_box1:hover{box-shadow:0 3px 4px rgba(0,0,0,0.4)}.ns_img_div{position:absolute;width:390px;height:219px;background-size:cover;overflow:hidden;background-position:center top}.ns_img_div::after{content:'';display:block;position:absolute;width:390px;height:219px;background-color:rgba(0,0,0,0);transition-duration:.3s}.ns_box1:hover .ns_img_div::after{background-color:rgba(0,0,0,0.5)}.ns_box1 h3{margin:0;font-weight:400;font-size:1em}.ns_box1 h3 a{display:block;position:absolute;width:370px;height:216px;margin:0;padding:159px 10px 15px;color:#fefefe;text-align:left;font-family:'Ubuntu',sans-serif;font-size:1.6em;line-height:1.4;text-decoration:none;background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);background-image:-o-linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);background-image:linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);z-index:100}.ns_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{position:absolute;margin:363px 0 0 20px;color:#bf0000}.ns_date::before{content:'•';margin:0 8px}.ns_cat{position:absolute;margin:363px 0 0;width:370px;text-align:right;color:#008c00;font-variant:small-caps}.ns_loupe{position:absolute;width:390px;height:219px;overflow:hidden}.ns_loupe::after{position:relative;display:block;content:'';right:300px;top:40px;width:390px;height:50px;background-image:url(svg/loupe_2.svg);background-position:center;background-repeat:no-repeat;transition-duration:.3s;-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(../img/banniere/job_search.webp);background-size:cover;width:100%;height:450px;background-position:0 450px;margin-top:50px}#job_ban a{display:block;width:100%;height:450px;opacity:0}.job_box{display:inline-block;width:390px;height:170px;background-color:#FFF;margin:2px 15px 28px;box-shadow:0 1px 2px rgba(0,0,0,0.2);overflow:hidden;white-space:nowrap}.job_box:hover{box-shadow:0 3px 4px rgba(0,0,0,0.4)}.job_box h3{margin:0;font-size:1.5em;font-weight:600}.job_box h3 a{display:block;position:absolute;padding:6px;color:#050;width:370px;overflow:hidden;font-variant:small-caps;font-family:'Ubuntu',sans-serif;text-align:left;text-decoration:none;height:158px;z-index:100}.job_log{position:absolute;width:175px;height:110px;margin:45px 0 0 10px;background-size:contain;background-position:top center;background-repeat:no-repeat}.job_cat{position:absolute;margin:65px 0 0 135px}.job_soc{display:block;position:absolute;width:190px;margin:45px 0 0 200px;text-align:left;line-height:1.8em}.job_soc span{text-transform:uppercase;color:#AAA;font-size:1.1em;display:block;width:calc(100% - 2px);overflow:hidden;font-weight:600;font-family:'Ubuntu',sans-serif}.job_date{position:absolute;margin:149px 0 0;text-align:right;width:380px;color:#bf0000}.job_msk{position:absolute;margin:0}#vid_ban{background-image:url(../img/banniere/video_01.webp);background-size:cover;width:100%;height:450px;overflow:hidden;margin-top:50px}#vid_ban a{display:block;width:100%;height:450px}#vid_tit_a1,#vid_tit_a2{width:0;font-family:'Ubuntu',sans-serif;font-size:18em;color:#FFF;position:absolute;margin-top:150px;right:0;white-space:nowrap;overflow:hidden}#vid_tit_b1,#vid_tit_b2{font-family:'Ubuntu',sans-serif;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:0;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards}#vid_tit_b2{animation-name:vid_tit_b2_anim;animation-delay:.3s;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards}@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;width:390px;height:390px;margin:0 15px 30px;overflow:hidden;background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.2);text-align:left}.vm_img_div{position:absolute;width:390px;height:219px;overflow:hidden;background-size:cover;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{box-shadow:0 3px 4px rgba(0,0,0,0.4)}.vm_box:hover .vm_play{background-image:url(svg/play_rouge.svg)}.vm_tim{position:absolute;color:#FFF;background-color:#000;margin:4px;padding:.3em;font-size:1.2em;opacity:.8}.vm_box h3{margin:0;font-weight:400;font-size:1em}.vm_box h3 a{display:block;position:absolute;width:370px;height:216px;margin:0;padding:159px 10px 15px;color:#fefefe;text-align:left;font-family:'Ubuntu',sans-serif;font-size:1.6em;line-height:1.4;text-decoration:none;background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);background-image:-o-linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);background-image:linear-gradient(rgba(0,0,0,0) 0px,rgba(0,0,0,0) 110px,rgba(0,0,0,0.15) 130px,rgba(0,0,0,0.5) 165px,rgba(0,0,0,0.5) 219px,rgba(0,0,0,0) 219px);z-index:100}.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}.vm_lec{position:absolute;margin:363px 0 0 20px;color:#bf0000}.vm_date:before{content:'•';margin:0 8px}.vm_link{position:absolute;width:390px;height:390px}@media screen and (max-width: 1259px){#ns_9{display:none}#job_9{display:none}#job_ban{height:275px}#job_ban a{height:275px}#vm_9{display:none}#vid_tit_a1,#vid_tit_a2{font-size:10em}#vid_tit_b1,#vid_tit_b2{font-size:5em}#vid_ban{height:350px}#vid_ban a{height:350px}}@media screen and (max-width: 979px){.ns_box1{width:360px;margin:0 5px 15px}.ns_img_div{width:360px}.ns_box1 h3 a{width:340px;font-size:1.5em}.ns_desc{width:340px;padding:0 10px}.ns_vues{margin:363px 0 0 10px}.ns_cat{width:350px}.ns_loupe{width:360px}.ns_loupe::after{width:360px}.ns_link{width:360px}#job_ban{background-position:0 top}.job_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_date{width:360px}.job_lnk{width:370px}#vid_tit_a1{width:56%}#vid_tit_b1{opacity:1;width:100%}.vm_box{width:370px;margin:5px}.vm_img_div{width:370px}.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}.vm_link{width:370px}}@media screen and (max-width: 767px){#ns_7{display:none}#ns_8{display:none}.ns_box1{display:block;width:calc(100% - 10px);margin:5px}.ns_img_div{width:calc(100% - 10px)}.ns_box1 h3 a{width:calc(100% - 30px)}.ns_desc{width:calc(100% - 30px)}.ns_cat{width:calc(100% - 20px)}.ns_loupe{display:none}.ns_img_div::after{display:none}.ns_link{width:calc(100% - 10px)}#job_ban{display:none}.job_box{display:block;width:calc(100% - 10px);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)}.job_lnk{width:calc(100% - 10px)}#vid_ban{display:none}#vm_7{display:none}#vm_8{display:none}.vm_box{display:block;width:calc(100% - 10px);margin:5px}.vm_img_div{width:calc(100% - 10px)}.vm_play{margin-left:calc(50% - 34px)}.vm_box h3 a{width:calc(100% - 30px);font-size:1.5em}.vm_desc{width:calc(100% - 30px)}.vm_link{width:calc(100% - 10px)}}#bp_deg{height:50px;background-color:#253040;background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0))}#bp_flex{display:flex;color:#fefefe;font-size:1.2em;padding:1em 0 5em;background-color:#253040;justify-content:center}#bp_flex h5{font-size:18px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #4e6573;font-family:'Ubuntu',sans-serif}#bp_flex a{display:block;color:#fefefe;text-decoration:none;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,0.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}}