body{padding:0;margin:0;color:#13031e;font-family:Times New Roman,serif;font-size:1em;font-size:17px;min-width:290px}
a:link,a:visited,.titre{color:#7518b6}a:active{color:#6813a4}.textf{color:#13031e}
#bg{z-index:-2;top:0;left:0;height:100%;width:100%;background-color:#009;background-image:linear-gradient(to bottom, #c187e9 0%, #9b4cd1 10%, #530688 20%, #3b0460 30%, #220238 50%, #000 90%);background-attachment:fixed;position:fixed}
.wrap,#men,.navbar,.navbarh{margin: 0 auto;max-width:1152px;min-width:290px;padding: 0 15px 0px 15px}
.wrap{margin-top:-20px}
.foot a{color:#fff}
#head{position:relative;border-radius:5px;padding-bottom:0px;height:115px;overflow:hidden;text-align:right;}
.zind{z-index:10;position:relative}
.imh{height:20px;border-radius:3px;margin:5px 5px 0 0}
.navbar,.navbarh{border-radius:5px;font-family:Arial,serif;background-image:linear-gradient(to bottom, #6a0bae 20%,#1a022a 100%);font-weight:bold;font-size:1em;color:#fff;padding: 1px 12px 1px 12px;height:30px;margin-bottom:3px;position:relative}
.nav2 a,.nav3 a{color:#fff;text-decoration:none}
.bhg{border-radius:7px 0 0 7px;padding:5px 0 5px 5px}
.bhd{border-radius:0 7px 7px 0}
.bhdh{border-radius:0 7px 0 0}
.bhdb{border-radius:0 0 7px 0}
.bhgh{border-radius:7px 0 0 0px;padding:5px 0 5px 5px}
.bhgb{border-radius:0 0 0 7px;padding:5px 0 5px 5px}
.div50{display:flex;overflow:hidden;width:100%}
.div50l{margin:0 0 0 10px}
.pag1,.pag2{border-radius:3px;padding:1px 2px;margin:0 2px 3px 2px;color:#13031e;font-size:0.9em;margin-left:2px;cursor:pointer}
.pag1 a,.pag2 a{color:#13031e;}
.pag1 a:hover{color:#13031e;}
.pag1{background-color:#fff}
.pag2{background-color:#c187e9}
.pagp{padding:1px 4px;}
.pagg1{border-radius:3px;padding:10px 2px;margin:0 2px 3px 2px;color:#fff;font-size:0.7em;margin-left:2px;cursor:pointer;background-image:linear-gradient(to bottom, #6a0bae 20%,#1a022a 100%);}
.pagg1 a,.pagg2 a{color:#fff}
.pagg1 a:hover{color:#fff}
.paggp{padding:1px 4px;}
#men{position:absolute;z-index:3;display:none;top:20px;right:-117px;width:170px;padding:6px 2px;}
#mm{max-width:165px;padding:5px 0 5px 5px;color:#13031e;text-align:left;overflow:hidden;vertical-align:top;list-style:none;border:1px #888 ridge;margin:5px 0 5px 0;font-family:Times New Roman,serif;font-size:1em;border-radius:7px;background-image:radial-gradient(ellipse closest-side, #fff, #e7d5f4)}
#mm a{text-decoration:none;color:#13031e;}
#mm a:hover{color:#7518b6}
#mm hr{margin:4px 5px 4px 0px}
#mmc{position:absolute;top:0;right:0}
.mod a{color:#13031e}
.lba a,.lba{color:#aaf;text-decoration:none}
.nav2 a:hover,.nav4 a:hover{color:#ccf}
.nav2{float:right;display:block;margin-right:8%;font-size:0.9em;line-height:2em;width:auto}
.nav3{margin-right:0}
.nav22{margin-right:25px;}
.icon,.icon2,.icon3,.icon4{display:inline-block;font-weight: normal;font-style:normal;font-variant:normal;font-size:1.1em;line-height:1;text-rendering:auto}
.icon2{color:#aaf}
.icon2:hover {color:#ccf}
.icon2: a{color:#aaf}
.icon3{color:#fb3;text-shadow:#22c 1px 1px 1px}
.log{margin-top:14px;line-height:0.8em;font-style:italic;font-family:Times New Roman;color:#fff;  font-weight:bold;font-size:2.3em;text-shadow: 3px 3px 3px black;margin-right:20px}
.log a{color:#fff;text-decoration:none}
.corv{position:absolute;left:0;top:-3px;height:105px;widht:230px;margin-left:20px;z-index:2;}
.logf{max-height:75px;width:100%;max-width:500px;margin-left:100px;margin-right:500px;opacity:0.8;}
.cop{float:left;display:block;font-style:italic;font-size:1em;line-height:2em}
.cur{cursor:pointer}
.omb{box-shadow: 2px 2px 2px #530688}
.cont,.tabcont{border-radius:7px;margin-bottom:3px;padding:10px 10px;background-image:radial-gradient(ellipse closest-side, #fff, #e7d5f4)}
.contl1,.contl2{border-radius:7px;margin-bottom:3px;padding:0px 10px;}
h1 {margin:0;font-weight:bold;font-size:1.5em}
h2 {margin:0;font-weight:bold;font-size:1.3em}
hr{border-bottom:1px ridge #115;background:#115;margin:2px 0}
.hra{margin:5px 0}
.afd{color:#639;min-width:30px;text-align:right;width:1%}
.afd2{font-size:0.7em;line-height:12px;color:#;margin-top:5px;min-width:33px;width:1%}
.afd3{width:10%;text-align:center;white-space:nowrap;}
.afd4{width:30%;font-size:1.2em;}
.afd44{width:15%;color:#009;}
.pos{position: relative}
.ann,.comp{position:absolute;top:50%;left:30px;margin-top:-15px;color:#ff0;font-size:1.5em;transform:rotate(-10deg);text-shadow: 3px 3px 3px black}
.ann{color:#f00}
table{border-spacing:0;border-collapse:collapse}
.tabli{width:100%}
#forme,.forme{border:1px ridge #003;border-radius:7px;padding:10px}
input,textarea,button,select{font-size:1em;border-radius:4px;border:1px #003 ridge;margin:3px;float:right;color:#13031e;font-family:Times New Roman,serif;background-color:#fff;box-shadow: 1px 1px 1px #530688}
label{float:left;margin-top:3px}
.forme input[type=radio]{-webkit-appearance:radio;box-shadow:none;border:none}
.forme input[type=checkbox]{-webkit-appearance:checkbox;width:18px;height:18px}
::placeholder {color:#aaf}
fieldset{border:0;padding:0}
.just{text-align:justify;width:95%;max-width:850px}
.resp-show,.resp-show2,.resp-show3,.resp-show4{display:none}
.dec{text-decoration:none}
.list{max-width:850px;width:100%}
.list1{color:#226}
.listn a{font-size:1.1em;color:#115}
.fish{text-align:center;padding-right:20px}
.nowrap{white-space: nowrap}
.fsv{font-size:1.3em}
.nbp{font-size:0.9em;color:#a00;text-shadow: 1px 1px 1px #f99}
.div50{display:flex}
#map_canvas{position:relative;width:95%;max-width:580px;height:350px;overflow:hidden;border-radius:7px;border:1px ridge #003;box-shadow: 2px 2px 2px #530688}
.ttt{color:#3b0460}
.tempo{color:#115;}
.avis{float:left;color:#226}
.avis2{float:left;color:#229}
.avis3{float:left;color:#228}
::-webkit-scrollbar {width: 8px;height: 6px}
::-webkit-scrollbar-track{box-shadow: inset 0 0 5px #c187e9; border-radius: 8px}
::-webkit-scrollbar-thumb {background: #9b4cd1; border-radius: 8px}
.phoaa{border-radius:5px;height:60px;width:90px;}
.phoaa img{height:60px;width:90px;border-radius:5px;box-shadow: 2px 2px 3px #530688}
.phoa{border-radius:5px;height:50px;width:75px;}
.phoa img{height:50px;width:75px;border-radius:5px;box-shadow: 2px 2px 3px #530688}
.phop{margin-right:3px;border-radius:5px;height:100px;width:150px;padding:2px;min-width:53px;}
.phop img{height:100px;width:150px;border-radius:8px;box-shadow: 2px 2px 3px #530688;cursor:pointer;}
.phom{border-radius:50px;height:100px;width:100px;}
.phom img{height:100px;width:100px;border-radius:50px;box-shadow: 2px 2px 3px #530688}
.phogg{margin:5px 10px 5px 0;border-radius:37px;height:75px;width:75px;box-shadow: 4px 4px 6px #530688}
.phogg img{height:75px;width:75px;border-radius:37px}
.phog{margin:5px 10px 5px 0;border-radius:45px;height:90px;width:90px;box-shadow: 4px 4px 6px #530688}
.phog img{height:90px;width:90px;border-radius:45px}
.phoi{margin-right:3px;border-radius:25px;padding:2px;padding-right:5px;min-width:54px;height:50px;width:1%}
.phoi img{height:50px;width:50px;border-radius:5px;box-shadow: 2px 2px 3px #530688}
.tpf,tpf2{float:left;overflow:hidden;width:97%}
.tpf2{max-width:700px;margin:10px 0}
.tpf a,.tpf2 a{text-decoration:none;font-weight:600;color:#44d}
.tpf2 a{font-size:1.2em}
.h24{font-size:13px;height:13px}
.modal{width:100%;position:fixed;display:none;z-index:30;left:0;top:0;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9)}
.modal-content{margin:auto;display:block;height:100%;max-height:500px;transition:0.3s;border-radius:10px;border:1px #00f ridge;box-shadow:4px 4px 6px #f0f;animation-name:zoom;animation-duration:0.6s}
#loader{z-index:10;position:fixed;left:50%;top:100px;margin-left:-50px}
#loader i{font-size:100px}
.phott {border-radius:5px;margin-right:10px;overflow:hidden;position:relative;display:inline-block;cursor:pointer}
.phott2{position:absolute;margin:auto;left:-10px;right:-10px;box-shadow: 2px 2px 2px #530688;border-radius:5px}
.phott:hover{opacity: 0.8}
.eth1{white-space:nowrap;display:inline;font-size:0.7em}
.f{background-color:#fff}
.f2{background-image:radial-gradient(ellipse closest-side, #fff, #e7d5f4)}
.ouv{color:#0c0;font-size:0.8em;font-weight:bold;margin-left:10px;white-space:nowrap}
.ferm{color:#f44;font-size:0.8em;font-weight:bold;margin-left:10px}
.youtub{width:400px;height:266px;border-radius:10px}
.photofor{width:360px;border-radius:10px}
.photobp{width:56px;border-radius:4px;display:inline-block;margin-right:5px;margin-top:5px}
.photobp2{width:112px;border-radius:6px;display:inline-block;margin-right:10px;margin-top:5px}
.al2{font-size:15px;height:17px;padding: 5px 6px 0 6px;margin:0px -5px 0 0;position:absolute;top:0;right:-9px;background-color:#f00;border-radius:10px;line-height:0.8;font-weight:normal}
.gesta{min-width:270px}
.gestb{min-width:150px}
.lef{margin-left:20px}
.agen{background-image:radial-gradient(ellipse closest-side, #e7d5f4, #c187e9);border-radius:4px;margin-bottom:2px}
.agen:hover{background-image:radial-gradient(ellipse closest-side, #c187e9, #e7d5f4);}
.hei{line-height:1.5em}
@media (max-width: 1250px) {
.nav2{margin-right:4%}
.nav4{margin-left:4%}
.avoid-clicks {pointer-events:auto;}
.mud{margin-left:10px}
}
@media (max-width: 950px) {
.nav2,.nav22{margin-right:12px}
.nav3{margin-right:-5px}
.nav4{margin-left:12px}
}
@media (max-width: 800px) {
.resp-hide4{display:none}
.resp-show4{display:block}
}
@media (max-width: 680px) {
.avoid-clicks{pointer-events:none;}
.resp-hide3 {display:none}
.resp-show3 {display:block}
.nav2{margin-right:12px}
.nav3{margin-right:-5px}
.nav4{margin-left:12px}
.modal-content{width:100%}
.div50{overflow:hidden;display:block}
.div50l{margin:10px 0 0 0}
.youtub{width:400px;height:266px;border-radius:7px}
.photofor{width:310px;border-radius:7px}
.photobp{width:50px;border-radius:4px}
.gesta,.gestb{min-width:0px}
.lef{margin-left:0}
}
@media (max-width: 535px) {
.logf{display:none}
.corv{margin-left:0px}
.resp-hide2{display:none}
.resp-show2{display:block}
.wrap,#men{padding: 0;}
.nav2,.nav22{margin-right:12px}
.nav3{margin-right:-5px}
.nav4{margin-left:12px}
#men{padding:0;width:100%}
.modal{width:100%}
.modal-content{width:90%;height:auto;margin:100px 0 50px 10px}
}
@media (max-width: 400px) {
.log{font-size:2em;margin-right:10px}
.resp-hide{display:none}
.resp-show{display:block}
.wrap,#men{padding: 0 0px 0px 0px}
.navbarh{padding: 1px 3px 1px 3px;}
.nav2,.nav22{margin-right:0px;margin-left:-5px}
.nav3{margin-right:2px}
.nav4{margin-left:-5px}
.tabcont{padding:10px 5px}
.selc{width:100%;max-width:235px}
.forme{padding:10px 3px}
.fish{text-align:left;padding-right:5px}
.modal{width:100%}
.modal-content{width:90%;height:auto;margin:150px 0 50px 10px}
.avoid-clicks{pointer-events:none;}
.youtub{width:288px;height:192px;border-radius:5px}
.photofor{width:290px;border-radius:5px;}
.photobp{width:46px;border-radius:4px;margin-right:3px;margin-top:4px}
.photobp2{width:90px;border-radius:6px;margin-right:6px;margin-top:4px}
.icon2{margin-left:10px}
.mpr{margin-right:10px}
.foot a{line-height:1.5}
}