html{background-color: #000;background: url(im/fusion.jpg);background-position:center;background-attachment: fixed;}
.bgh{top:0;left:0;height:95px;width:100%;background-color: #000;background: url(im/fusion.jpg);opacity:0.95;background-position: top 18px left -45px;font-family:Arial;font-weight:bold;position:absolute}
body{padding:0;margin:0;color:#333;font-family:Times New Roman,serif;font-size:1em;font-size:17px;min-width:290px}
a:link,a:visited,.titre{color:#444}a:active{color:#666}.textf{color:#333}
.wrap,#men{margin: 0 auto;max-width:1152px;min-width:290px;padding: 0 15px 0px 15px}
.wrap{top:0px;position:relative}
.foot a{color:#fff;mix-blend-mode:lighten}
.zind{z-index:10;position:relative;}
#head{position:fixed;top:0;height:100px;width: calc(100% - 60px);overflow:hidden;text-align:right;max-width:1130px;min-width:290px;padding: 0 15px 0px 15px;overflow: visible;}
.decm4{line-height:0.6em}
.decm1,.decm2,.decm3{margin:5px 2px 0 0px}
.decm5{margin:3px 25px 0 10px}
.filt1{filter:contrast(120%) saturate(80%) brightness(3);margin-right:0px}
.filt2{filter:contrast(200%) saturate(100%) brightness(2);margin-right:0px}
.drap,.corv,.corv2{position:absolute;left:0px;top:0;}
.drap{z-index:3}
.corv{margin-left:-1px;width:400px}
.navbar,.navbarh{border-radius:5px;font-family:Arial,serif;background-image:linear-gradient(to bottom, #888 20%,#222 100%);font-weight:bold;font-size:1em;color:#fff;padding: 1px 12px 1px 12px;height:30px;margin-bottom:3px;}
.nav2 a,.nav2a{color:#fff;text-decoration:none}
.nav2{float:right;display:block;margin-right:6%;width:auto;}
.nav3,.flr{margin-right:5px}
.nav22{margin-right:25px;}
.top{margin-top:75px}
.tit{margin-left:400px}
#men{position:absolute;z-index:3;display:none;top:20px;right:-94px;width:190px;padding:6px 2px;}
#mm{max-width:185px;padding:5px 0 5px 5px;color:#333;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, #ddd)}
#mm a{text-decoration:none;color:#333;}
#mm a:hover{color:#444}
#mm hr{margin:4px 5px 4px 0px}
#mmc{position:absolute;top:0;right:0}
.icon2{display:inline-block;font-weight: normal;font-style:normal;font-variant:normal;font-size:1.1em;line-height:1;text-rendering:auto;mix-blend-mode:screen}
.icon2{color:#aaa}
.icon2:hover {color:#ccc}
.icon2: a{color:#aaa}
.icon3{color:#fb3;text-shadow:#22c 1px 1px 1px}
.log{line-height:0.8em;font-style:italic;font-family:Times New Roman;color:#fff;font-weight:bold;text-shadow: 3px 3px 3px #000;margin-right:20px;position:absolute;left:35px;top:10px;z-index:2;font-size:3em}
.log a{color:#fff;text-decoration:none}
.x1e{position:absolute;left:0;top:-5px;height:105px;widht:250px;margin-left:10px;z-index:2;}
.cur{cursor:pointer}
.omb{box-shadow: 2px 2px 2px #777}
.cont,.tabcont{border-radius:7px;margin-bottom:3px;padding:10px 10px;background-image:radial-gradient(ellipse closest-corner, #fff, #ddd);box-shadow: 2px 2px 2px #444}
.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}
h3 {margin:0;font-weight:bold;font-size:1.1em}
hr{border-bottom:1px ridge #115;background:#115;margin:2px 0}
.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 #333;border-radius:7px;padding:10px}
input,textarea,button,select{font-size:1em;border-radius:4px;border:1px #333 ridge;margin:3px;float:right;color:#333;font-family:Times New Roman,serif;background-color:#fff;box-shadow: 1px 1px 1px #777}
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:#aaa}
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,.foot a{text-decoration:none}
.list{max-width:850px;width:100%}
.list1{color:#226}
.listn a{font-size:1.1em;color:#115}
.nowrap{white-space: nowrap}
.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 #ccc; border-radius: 8px}
::-webkit-scrollbar-thumb {background: #aaa; 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 #777}
.phoa{border-radius:5px;height:50px;width:75px;}
.phoa img{height:50px;width:75px;border-radius:5px;box-shadow: 2px 2px 3px #777}
.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 #777;cursor:pointer;}
.phom{border-radius:50px;height:100px;width:100px;}
.phom img{height:100px;width:100px;border-radius:50px;box-shadow: 2px 2px 3px #777}
.phogg{margin:5px 10px 5px 0;border-radius:37px;height:75px;width:75px;box-shadow: 4px 4px 6px #777}
.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 #777}
.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 #777}
.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 #777;border-radius:5px}
.phott:hover{opacity: 0.8}
.eth1{white-space:nowrap;display:inline;font-size:0.7em}
.etz{z-index:10}
.f{background-color:#fff}
.f2{background-image:radial-gradient(ellipse closest-side, #fff, #ddd)}
.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}
.photocl{width:100%;border-radius:10px;}
.photobp{width:56px;border-radius:4px;display:inline-block;margin-right:5px;margin-top:5px}
.photobp2{width:180px;border-radius:8px;display:inline-block;margin-right:10px;margin-top:5px}
.foot{float:left;width:30%;min-width:300px;text-align:left;margin:0 0 20px 30px}
.hei{line-height:1.5em}
@media (max-width: 1250px) {
#men{right:-100px;}
.avoid-clicks {pointer-events:auto;}
}
@media (max-width: 950px) {
.nav2{margin-right:20px}
}
@media (max-width: 800px) {
.nav2{margin-right:12px}
.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}
.modal-content{width:100%}
.youtub{width:400px;height:266px;border-radius:7px}
.photofor{width:310px;border-radius:7px}
.photobp{width:50px;border-radius:4px}
.lef{margin-left:0}
.top{margin-top:95px}
.tit{margin-left:0px}
.log{font-size:2.5em}
.corv{left:0px;width:300px}
}
@media (max-width: 535px) {
.pan{margin-top:6px}
.nav2,.nav22{margin-right:0px;margin-left:-5px}
.nav3{margin-right:0px}
.resp-hide2{display:none}
.resp-show2{display:block}
.wrap,#men{padding: 0;}
.wrap,#men,#head{padding: 0 5px 0 0;}
#men{margin-right:5px;top:25px;}
.modal,#head{width:100%}
.modal-content{width:90%;height:auto;margin:100px 0 50px 10px}
.flr{float:right;margin-left:5px}
.decm4{line-height:1.1em;}
.decm1{margin:5px 5px 0 0;line-height:1.1em;padding-right:6px}
.decm2{margin:-4px 3px 0 0;line-height:1.1em;padding-right:5px}
.decm3{margin:-12px 1px 0 0;line-height:1.1em;padding-right:5px}
.decm5{margin:-12px 5px 0 0;line-height:1.1em;padding-right:5px}
}
@media (max-width: 400px) {
.etz{z-index:1}
.navbarh{padding: 1px 2px 1px 2px}
.hei{line-height:1.4em}
.resp-hide{display:none}
.resp-show{display:block}
.wrap,#men{padding: 0 0px 0px 0px}
.tabcont{padding:10px 5px}
.forme{padding:10px 3px}
.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}
.foot a{line-height:1.8}
}