.ico{font-family:"Font Awesome 5 Pro";font-size:20px;vertical-align:middle;display:inline-block;line-height:1;margin-right:5px;font-style:normal;font-weight:200;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}html,body{font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;font-size:14px;color:#616161;font-weight:400;line-height:1.1;height:100%;overflow:auto}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.my-auto{margin-top:auto;margin-bottom:auto}.nlg{display:none}#regisform{display:none;z-index:10}#regisform.ison{display:block}#regisform .visicond.isoff{display:none}#loginform{display:none;z-index:10}#loginform.ison{display:block}#logozone{height:150px;text-align:center}#logozone.isoff{display:none}#logozone .scratchit{display:inline-block;position:relative}#logozone .scratchit canvas{position:absolute;width:100%;height:100%;left:0;top:0}#logozone .scratchit img{max-width:100%;display:block;height:auto;margin:auto}#logozone strong{cursor:pointer;position:relative;z-index:2}.gocard,#logozone{position:relative;text-decoration:none;margin-bottom:20px;margin-top:10px;display:block}.gocard span,#logozone span{position:absolute;transform:translate(0, -50%);text-transform:uppercase;margin-top:-10px;top:50%;width:100%;text-align:center;display:block;padding:15px;color:#000;z-index:5;opacity:0;transition:opacity .3s ease-in-out,margin-top .3s ease-in-out}.gocard strong,#logozone strong{font-size:18px;font-weight:bold;text-transform:uppercase;color:#1e4052;display:inline-block;margin:20px auto;display:block}.gocard:hover:before,#logozone:hover:before{opacity:.7;filter:sepia(1)}.gocard:hover span,#logozone:hover span{opacity:1;margin-top:0}.gocard{background-repeat:no-repeat;background-position:top left;background-size:cover;position:relative}.gocard img{width:100%;height:auto}.gocard:before{display:block;content:"\00a0";height:100%;width:100%;z-index:3;position:absolute}a.gocard{border:7px solid #fff}a.gocard:before{background-color:#fff;opacity:.1;filter:grayscale(0);transition:opacity .3s ease-in-out,filter .3s ease-in-out}span.gocard{border:7px solid #000}span.gocard:before{background-color:#000;opacity:.7}span.gocard:after{font-family:"Font Awesome 5 Pro";font-weight:900;display:block;content:"\f30d";height:40px;width:40px;font-size:30px;z-index:4;position:absolute;line-height:40px;vertical-align:middle;text-align:center;top:50%;left:50%;transform:translate(-20px, -20px);color:#fff}body:before{display:block;position:absolute;width:100%;height:100%;content:"\00a0";z-index:1;background:url(../img/fond_site.jpg) center center no-repeat;background-size:cover;background-attachment:fixed}body:before.ptyp1{background-image:url(../img/fond_site.jpg)}body:before.ptyp2{background-image:url(../img/fond_site_2.jpg)}body:before.ptyp3{background-image:url(../img/fond_site_3.jpg)}body:before.ptyp4{background-image:url(../img/fond_site_4.jpg)}body:before.ptyp5{background-image:url(../img/fond_site_5.jpg)}body:before.ptyp6{background-image:url(../img/fond_site_6.jpg)}body.ptyp1 .gbk{border-color:#266c96;color:#266c96}body.ptyp1 .gbk:hover{background-color:#266c96}body.ptyp2 .gbk{border-color:#079999;color:#079999}body.ptyp2 .gbk:hover{background-color:#079999}body.ptyp3 .gbk{border-color:#d95d5b;color:#d95d5b}body.ptyp3 .gbk:hover{background-color:#d95d5b}body.ptyp4 .gbk{border-color:#e27f2e;color:#e27f2e}body.ptyp4 .gbk:hover{background-color:#e27f2e}body.ptyp5 .gbk{border-color:#366f8c;color:#366f8c}body.ptyp5 .gbk:hover{background-color:#366f8c}body.ptyp6 .gbk{border-color:#45a25b;color:#45a25b}body.ptyp6 .gbk:hover{background-color:#45a25b}header{padding:10px;min-height:50px;margin-right:105px;position:relative;z-index:18}header nav{margin:20px 0 0 30px;padding-bottom:12px;border-color:#ffda95;border-width:0 0 1px 0;border-style:solid;display:inline-block}header nav a{display:inline-block;padding-left:22px;position:relative;min-height:18px;line-height:18px;vertical-align:middle;text-transform:uppercase}header nav a,header nav a:hover{color:#000;text-decoration:none}header nav a:not(last-of-type){margin-right:12px}header nav a:before{display:block;content:"\00a0";position:absolute;width:18px;height:18px;left:0;background-repeat:no-repeat;background-position:right center}header nav a.accueil:before{background-image:url(../img/ico_accueil.jpg)}header nav a.cartes:before{background-image:url(../img/ico_carte.jpg)}header nav a.aide:before{background-image:url(../img/ico_info.jpg)}header nav a.missionh:before{background-image:url(../img/ico_mission.jpg)}header nav.nav a{color:#fff}header .logo{display:inline-block;height:40px;width:225px;width:40%}header .logo img{max-height:100%;max-width:100%;width:auto;height:auto}header .logoentreprise{display:block;position:absolute;width:220px;height:40px;background-size:contain;background-position:top right;background-repeat:no-repeat;width:40%;top:10px;right:10px}header .logoentreprise img{max-height:100%;max-width:100%;width:auto;height:auto}header .ttl{display:flex;flex-direction:row;align-items:center;height:40px;text-align:center;text-shadow:#fff 0 0 10px}header .ttl p{display:block;width:100%;font-size:24px;line-height:30px;font-weight:bold;color:#002b59}header .ttl p>strong{font-size:30px;display:block;text-transform:uppercase;margin-bottom:6px}header .ttl p>em{font-size:13px;color:#2c2c2c;font-style:normal}header .ttl>strong{display:inline-block;margin:auto;max-width:100%;font-size:20px;line-height:20px;color:#fff;font-weight:bold;text-transform:uppercase}#didlogo{background:url(../img/logodiv.png) bottom right no-repeat;background-size:contain;width:131px;height:63px;max-width:40%;position:absolute;bottom:40px;right:25px;z-index:3}.ptyp1 #didlogo{background:url(../img/logodiv_b.png) bottom right no-repeat}.gbk{font-size:15px;position:absolute;top:5px;right:5px;padding:5px;display:block;border:3px solid #1e4052;color:#1e4052;background-color:#fff;text-decoration:none;text-transform:uppercase;z-index:30;transition:color .3s ease-in-out,background-color .3s ease-in-out}.gbk:hover{background-color:#1e4052;color:#fff !important;text-decoration:none}body,html{height:100%;width:100%;position:fixed;top:0;bottom:0}.zonecnt .lstcrd{align-self:center}.zonecnt .lstcrd .row{justify-content:center}.zonecnt,.zonejeu{display:flex;flex-direction:row;padding:10px 0}.zonecnt{height:calc(100% -  100px);position:relative;z-index:2}.isv .zonecnt{height:auto}.zonejeu{height:100%;height:calc(100% -  82px)}.zonejeu{overflow:hidden;max-width:100%;position:relative;z-index:4}.zonejeu .flipit{transform:translateZ(2px);width:23.5%;height:36%;position:absolute;left:75%;top:52.5%;z-index:21;cursor:pointer;display:none;background-color:#be2324;position:relative;overflow:hidden;text-decoration:none}.zonejeu .flipit:after{content:"Jouer";color:#fff;text-transform:uppercase;text-align:center;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);font-size:17px;text-decoration:none}.zonejeu .flipit.ison{display:block}.zonejeu .datazones{display:none}.zonejeu .cntnr{flex:0 1 auto;background-color:transparent;perspective:1000px;margin:0 auto}.zonejeu .cntnr .liennext,.zonejeu .cntnr .lienend{color:#e76e99;border:3px solid #e76e99;padding:6px 12px;text-align:center;background-color:#fff;position:absolute;right:10px;margin-top:10px;text-decoration:none;font-size:22px;opacity:0;pointer-events:none;text-transform:uppercase;font-weight:bold;max-width:50%;z-index:20;transition:all .3s ease-in-out}.zonejeu .cntnr .liennext:hover,.zonejeu .cntnr .lienend:hover{background-color:#e76e99;color:#fff}.zonejeu .cntnr .liennext.ison,.zonejeu .cntnr .lienend.ison{pointer-events:all;opacity:1}.zonejeu .cntnr .flip-card-inner{position:relative;text-align:center;transition:transform .4s;transform-style:preserve-3d;margin:auto}.zonejeu .cntnr .flip-card-inner .cotefrt,.zonejeu .cntnr .flip-card-inner .cotebck{backface-visibility:hidden;background-color:#fff;transition:transform .4s}.zonejeu .cntnr .flip-card-inner .cotefrt img,.zonejeu .cntnr .flip-card-inner .cotebck img{max-width:100%;height:auto;pointer-events:none;visibility:hidden}.zonejeu .cntnr .flip-card-inner .cotefrt{position:relative;color:black}.zonejeu .cntnr .flip-card-inner .cotefrt .scrtzone,.zonejeu .cntnr .flip-card-inner .cotefrt .hidezone{position:absolute;width:100%;height:100%;top:0;left:0}.zonejeu .cntnr .flip-card-inner .cotefrt .scrtzone{z-index:10;transform:translateZ(1px)}.zonejeu .cntnr .flip-card-inner .cotefrt .hidezone{z-index:9}.zonejeu .cntnr .flip-card-inner .cotefrt .clkzone{position:absolute;display:block;z-index:15;width:10px;height:10px;top:-12px;left:-12px;cursor:pointer;transform:translateZ(1px)}.zonejeu .cntnr .flip-card-inner .cotefrt .clkzone .icn{display:none;position:absolute;bottom:-10px;right:-10px;width:20px;height:20px;font-size:20px;content:"\00a0";z-index:5;background-color:#fff}.zonejeu .cntnr .flip-card-inner .cotefrt .clkzone.lnt .icn{color:#59900d}.zonejeu .cntnr .flip-card-inner .cotefrt .clkzone.lnf .icn{color:#bf2222}.zonejeu .cntnr .flip-card-inner .cotefrt .clkzone.ison .icn{display:block}.zonejeu .cntnr .flip-card-inner .cotefrt.hasRep .clkzone{cursor:default;pointer-events:none}.zonejeu .cntnr .flip-card-inner .cotefrt .iscntzn{position:absolute;cursor:pointer;z-index:11;transform:translateZ(1px)}.zonejeu .cntnr .flip-card-inner .cotefrt .iscntzn .isctnt{text-align:left;padding:5px;display:none}.zonejeu .cntnr .flip-card-inner .cotebck{background-position:center center;background-repeat:no-repeat;transform:rotateY(180deg) translateZ(1px);background-size:cover;position:absolute;width:100%;height:100%;top:0;z-index:18}.zonejeu.rollit .cntnr .flip-card-inner .cotefrt{transform:rotateY(-180deg)}.zonejeu.rollit .cntnr .flip-card-inner .cotebck{transform:rotateY(0deg) translateZ(1px)}.zonejeu.isready .cntnr .flip-card-inner .cotefrt img{visibility:visible}.homeview{margin-top:15%}.homeview .infoctnt{text-align:center;line-height:35px;font-size:24px;color:#212529;width:900px;max-width:95%;height:55%}.homeview .infoctnt strong,.homeview .infoctnt h2{font-size:35px;line-height:45px;margin-bottom:30px;display:block}.homeview .infoctnt a{background-color:#be2324;border:none;color:white;padding:20px 34px;text-align:center;text-decoration:none;display:inline-block;font-size:20px;margin:4px 2px;cursor:pointer}.homeview .closeit{position:absolute;top:10px;right:10px;display:block;color:#5dbbbc;text-transform:uppercase;font-size:18px;line-height:24px;vertical-align:middle;z-index:20;text-decoration:none}.scratchit .hidezone{z-index:2}.scratchit .scrtzone{z-index:3}.scratchit img{width:500px;height:auto}#showCnt,#helpview,#imDone{position:fixed;top:0;height:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);z-index:18;display:none}#showCnt.ison,#helpview.ison,#imDone.ison{display:block}#showCnt .infoctnt,#helpview .infoctnt,#imDone .infoctnt{transform:translate(-50%, -50%);position:absolute;text-align:center;line-height:35px;font-size:24px;left:50%;top:50%;width:800px;height:450px;max-height:95%;max-width:95%;padding:20px;overflow:auto;background-color:#c1c1c1;color:#303030}#showCnt .infoctnt strong,#helpview .infoctnt strong,#imDone .infoctnt strong{color:#fff;font-size:35px;line-height:45px;margin-bottom:30px;display:block}#showCnt .closeit,#helpview .closeit,#imDone .closeit{position:absolute;top:10px;right:10px;display:block;color:#fff;text-transform:uppercase;font-size:18px;line-height:24px;vertical-align:middle;z-index:20;text-decoration:none}@media (max-width:979px){.homeview{margin-top:13%}.homeview .infoctnt{font-size:19px;line-height:24px;bottom:27%}.homeview .infoctnt strong{font-size:28px;line-height:31px;margin-bottom:20px}}@media (max-width:599px){header{min-height:110px}header .ttl{height:120px;padding-top:10px}.homeview .infoctnt{font-size:17px;line-height:22px;bottom:27%}.homeview .infoctnt strong{font-size:24px;line-height:31px;margin-bottom:20px}}@media (min-width:600px){header{padding:0;min-height:80px}header .logo{max-width:25%;height:80px;padding:15px 0 0 15px;vertical-align:middle;line-height:65px}header .logoentreprise{max-width:25%;height:65px;right:15px;top:15px}header .ttl{height:65px;width:50%;position:absolute;left:25%;top:15px}}@media (min-width:700px){header{padding:0;min-height:80px}header .logo{max-width:25%;height:80px;padding:20px 0 0 20px;line-height:60px}header .logoentreprise{max-width:25%;height:60px;right:20px;top:20px}header .ttl{height:60px;top:20px}header .ttl strong{font-size:36px;line-height:36px}}@media (min-width:980px){.zonejeu .flipit:after{font-size:25px}}@media (min-width:1024px){.zonejeu .flipit:after{font-size:35px}}@media (min-width:1224px){.zonejeu .flipit:after{font-size:50px}}@media (max-height:800px){header{min-height:50px}.zonejeu{height:calc(100% -  52px)}.homeview{margin-top:8%}}