* { font-family:roboto;}

.notrns * {
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition:none !important;
 -webkit-transform:translateZ(0) !important;
}

a:-webkit-any-link {cursor: pointer;text-decoration: none;}
a:any-link{cursor: pointer;text-decoration: none;}

::-moz-selection {
background:#04b387 none repeat  0 0;
color:white;
}

::selection {
background:#04b387 none repeat  0 0;
color:white;
}

::-webkit-scrollbar {
height: 15px;
width: 14px;
background:rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb {
background: #9ca1a8 padding-box;
border-radius: 50px;
border: 4px solid transparent;
}

/*::-webkit-scrollbar-thumb:hover {background: #ffffff padding-box;}*/

body {
	--inv: #fff;
	margin: 0;
	position: sticky;
	bottom: 0;
	top: 0;
	/*background-color:#e7e7e7;*/
	background-image: linear-gradient(0deg, #f1f1f1b3 0%, #eaeaea 100%);
	overflow-x: hidden;
}

/*footer*/
footer {
	background-color:#3a66ab;
	position: absolute;
	bottom: 0;
	display: block;
	width: 97.63%;
	padding: 25px;
}

p.about.cet {
	color: #fff;
	float: right;
	position: relative;
	top: -16px;
}

a.about.cet {
	color: #fff;
	float: left;
	margin-right:15px;
}

/*Fix Certfr*/
span {color:RED !important;}
strong {color:RED;font-weight: 400 !important;}

/*Main Site*/

.debug {
	position: fixed;
	padding: 15px;
	background-color: #c1c1c1;
	top: 65px;
	color: red;
	z-index:50;
}

/*NavZone*/

.navbar {
	width: 100%;
	position: fixed;
	border-bottom: 1px solid #aaa;
	display: flex;
	justify-content: center;
	background-color: #458dfb;
	margin: 0;top:0;
	z-index: 50;
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 18%);
}

/*Nav Btn*/
a.navac {
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	padding: 11px ;
	color: #fff;
	text-decoration: none;
	border-bottom: #fff 2px solid;
	padding: 11px !important;
}

.nav, .nav::before, .nav::after {box-sizing: border-box;}
.nav:hover {  color: var(--def);transition-delay: .5s;}
.nav:hover:before {transition-delay: 0s;}
.nav:hover:after {background: var(--inv);  transition-delay: .35s;}

.nav {
	position: relative;
	padding: 11px;
	color: #fff;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition:all 500ms cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all 500ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:all 500ms cubic-bezier(0.77, 0, 0.175, 1);
	user-select: none;
}

.nav:before, .nav:after {
	content: '';  position: absolute; 
	transition: inherit;  z-index: -1;
}

.navli:before {
	top: 0;
	left: 50%;
	height: 100%;
	width: 0;
	border: 1px solid var(--inv);
	border-left: 0;
	border-right: 0;
}

.navli:after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: var(--inv);
}

.navli:hover:before {left: 0;width: 100%;}
.navli:hover:after {top: 0;height: 100%;}

/*Nav end*/

/*Main style for interface display*/

.main {
    display: flex;
    flex-wrap: wrap;
    bottom: 125px;
    margin-top: 125px;
    position: relative;
}

.News {/*Display flexor -- inline*/
	margin: 42px 0;
	border: 1px #ddd solid;
	background-color: #fafafa;
	padding:18px 18px 58px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.News2 { /*Display for Content*/
	margin:21px auto 21px auto;
	width: 41.9%;
	height: 100%;
	border: 1px #ddd solid;
	background-color: #fafafa;
	padding: 18px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.News3 {
	margin: 48px auto 48px auto;
	width: 44%;
	border: 1px #ddd solid;
	background-color: #fafafa;
	padding: 18px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
	height:100%;
}

.News3 > .desc0 > .ctitle {
	border-radius: unset !important;
	position: relative;
	margin-top: -25px;
}

.flexor {
	display: flex;
	align-items: flex-start;
	width: 50%;
	margin-left:-2.7%;
}

.ctitle {
	background-color: #5c98f4;
	margin: -19px -19px 0 -19px;
	padding: 8px;
	font-size: 12pt;
	font-weight: 500;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 18%);
}

.desc0 p img {
	width: calc(100% + 38px);
	position: relative;
	left: -19px;
	top: -16px;
}
.desc0 > img {
	width: calc(100% + 38px);
	position: relative;
	left: -19px;
	top: -18px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height:100%;
}

.desc0 {
    overflow-wrap: break-word;
}

/*button*/

.btcr {border:none;background:transparent;}/* clean cache Hash*/

.ToGo {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 12px 39px;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	font-size: 12pt;
	border-radius: 3px;
	overflow: hidden;
	float:right;
}

.ToGo:hover, .ToGo:focus, .ToGo:active {
    color: white;
}

.ToGo:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: -1;
    bottom: 0;
    background: #5c98f4;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	border-radius: 3px;
}

.ToGo:hover:before, .ToGo:focus:before, .ToGo:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*remove btn*/

.btn {
	margin: 5px;
	font-weight: 500;
	font-size: 15px;
	padding: 10px 25px;
	text-align: center;
	transition: all 0.5s ease-out;
	cursor: pointer;
	background-color: #dfdfdf;
	background: transparent;
	background-position: 1% 50%;
	background-size: 300% 300%;
	border: 1px solid rgba(255,255,255,0.3);
	background-image: linear-gradient(270deg, rgb(255 255 255 / 90%), rgba(255,255,255,.9), rgba(255,255,255,0), rgba(255,255,255,0));
}

.btn-go {
	color: rgb(45 45 45 / 80%);
	border: 1px solid rgb(1 1 1 / 30%);
	background-image: linear-gradient(270deg, rgb(47 143 207 / 90%), rgb(32 149 226 / 90%), rgba(255,255,255,0), rgba(255,255,255,0));
	float: right;
	
}

/*Go Btn*/

.btn-go:hover {
	border-color: transparent;
	color: #f5f5f5;
	background-position: 99% 50%;
}

.btn-rm {
	color: rgb(45 45 45 / 80%);
	float:left;
	border: 1px solid rgb(74 74 74 / 50%);
	background-image: linear-gradient(45deg, transparent 0%, transparent 75%, rgb(46 127 209 / 80%) 75%, transparent 100%);
}

.btn-rm:hover {
	border: 1px solid rgb(26 122 198 / 95%);
	background-position: 150% top;
}

/*end Button*/

/*Tech*/
.Tech {margin-top: 200px;}
.futura {display: contents;}
.futura > .News3:first-child {width:45%;}
.futura > .News3:nth-child(2) {width:18%;}
.futura > .News3:nth-child(3) {width:18%;}
.futura > .News3:nth-child(4) {width:20%;}
.futura > .News3:nth-child(5) {width:40%;}
.futura > .News3:nth-child(6) {width:20%;}

.clubic{display: contents;}
.\30 1net {
    display: contents;
}

/*Security*/

.cve::before {
	content: 'Securiter ';
	display: inline;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 26pt;
	margin-top: 42px;
	background-color:#fdfdfd;
	padding: 15px;
}

.certfr-vuln.certfr {margin: 12% 6% 12% 12%;}/*first left*/
.certfr {margin: 12% 8% 12% 4%;} /*second right*/

.certfr-vuln::before {/*Type 1*/
	display: block;
	content: 'CertFR-Vuln :';
	font-weight: bold;
	font-size: 16pt;
	margin: auto;
	width: 50%;
	text-align: center;
}
.certfr-avis::before{
    display: block;
    content: 'CertFR-Avis :';
    font-weight: bold;
    font-size: 16pt;
    margin: auto;
    width: 50%;
    text-align: center;
}

.certfr-vuln:empty {display: none;}
.certfr-avis:empty {display: none;}

.undernews {width: 49.3%;margin: 6% 0;}
.undernews::before {
  display: inline;
	width: 100%;
	content: 'Undernews :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
	position: relative;
	left: 43%;
}
.undernews:empty {display: none;}
.undernews:empty + .flexor {
  width: 100%;
}

.hackernews {display: contents;}
.hackernews > .News2 {margin: 21px auto 21px auto;width: 25%;}

.hackernews::before { /*Type 2*/
    display: inline;
    width: 100%;
    content: 'TheHackerNews';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}
.hackernews:empty {display: none;}

.Bleeping {display:contents;}
.Bleeping::before {
    display: inline;
    width: 100%;
    content: 'BleepingComputer :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}

/*InfoWindows*/

.InfoWin::before{
	content:'Mise a jour windows :';
	display: inline;
	width: 100%;
	text-align: center;
	font-weight:bold;
	font-size:26pt;
	margin-top:75px;
} 

.microsoft {display: contents;}
.microsoft:empty {display: none;}
.microsoft > .News2 {width:27.5% !important;}
.microsoft::before {
    display: inline;
    width: 100%;
    content: 'Microsoft : MSRC - Security Update :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}

.TheWinCentral {display: contents;}
.TheWinCentral:empty {display: none;}
.TheWinCentral > .News2 {width:27.5% !important;}
.TheWinCentral::before {
    display: inline;
    width: 100%;
    content: 'WinCentral :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}

.WinTricks {display: contents;}
.WinTricks:empty {display: none;}
.WinTricks > .News2 {width:44.5% !important;}
.WinTricks::before {
    display: inline;
    width: 100%;
    content: 'windows101tricks :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}

/*Linux*/

.LinuxSecu {display: contents;}
.LinuxSecu::before {
    display: inline;
    width: 100%;
    content: 'Linuxsecurity - Update  :';
	text-align: center;
	font-weight:bold;
	font-size:16pt;
}
.LinuxSecu:empty {display: none;}
.LinuxSecu > .News2 {width:44.5% !important;}

.InfoLinux::before{
	content:'Mise a jour Linux :';
	display: inline;
	width: 100%;
	text-align: center;
	font-weight:bold;
	font-size:26pt;
	margin-top:75px;
} 

.CentOS {width:22%;margin: 0 auto;}
.Debian {width:22%;margin: 0 auto;}
.Ubuntu {width:22%;margin: 0 auto;}
.Red-Hat {width:22%;margin: 0 auto;}

@media screen and (min-width: 1430px) {}

@media screen and (min-width: 720px) {}

