.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}html{padding:0;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}body{color:#fff;background:#000;margin:0;padding:0}img{border:0;border:0;border-width:0;border-style:none;margin:0}img{border:0}a{width:0;height:0;outline:0}a img{border:0}a:active img,a:focus img{outline:0}a{text-decoration:none}nav{position:fixed;background:#000;opacity:.85;position:fixed;width:100%;height:4em;margin:0;top:0;z-index:3;font-family:Rajdhani,sans-serif;box-shadow:0 3px 15px rgba(0,0,0,.15);text-align:right}nav ul{opacity:1;padding:0;margin:0;margin-right:8vw;list-style-type:none}nav ul li{opacity:1;padding:.6vw .3vw;display:inline-block;padding:20px;text-align:right}nav a{padding:1rem .8rem;opacity:1;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:500;font-size:19px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}@media screen and (max-width:1280px){nav a{font-size:23px}}nav a:hover,nav a:focus{color:#d80000}nav ul li ul{padding:0;margin:0;margin-top:10px}nav ul li ul li{opacity:.9;padding-top:10px;padding-bottom:10px;display:block;text-align:left;border-bottom:1px solid #222}nav ul li ul li a{text-transform:none}.dropdown{display:none;position:absolute;background:#000}.dropdown2{display:none;position:fixed;right:0;margin-right:0;top:4em;background:#000}.logo{opacity:1;display:block;background-image:url(co-logo_white.png);background-repeat:no-repeat;background-size:contain;margin-top:5px;margin-left:8vw;float:left;height:82px;width:50px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.logo:hover{display:block;background-image:url(co-logo_red.png);background-repeat:no-repeat;background-size:contain;height:82px;width:50px}.contact{border:solid 1px #fff;background-color:rgba(0,0,0,.2);padding-top:5px;padding-bottom:4px;padding-right:11px;padding-left:11px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.contact:hover{color:#d80000;border:solid 1px #d80000;background-color:rgba(255,0,0,.2)}.menu2{display:none}.menu2 i{margin-top:10px}@media screen and (max-width:1100px){.menu1{display:none}.menu2{display:block}.menu2 ul li{display:block;text-align:center}}header{position:relative;text-align:center;z-index:2;font-family:Rajdhani,sans-serif;text-shadow:0 0 10px #000;width:100%;background-size:cover;background-repeat:no-repeat;background-attachment:relative;padding-top:52%}header.home{background-image:url(home.jpg);background-position:left top}header.services{background-image:url(services-securite-informatique.jpg);background-position:left bottom}header.intrusion{background-image:url(test-d-intrusion.jpg);background-position:left bottom}header.audit{background-image:url(audit-securite.jpg);background-position:left bottom}header.architecture{background-image:url(architecture-securite.jpg);background-position:left bottom}header.formation{background-image:url(formation-sensibilisation.jpg);background-position:left top}header.profil{background-image:url(expert-independant-securite-informatique.jpg);background-position:left top}header.ressources{background-image:url(ressources.jpg);background-position:left top}header.contactp{background-image:url(contact-olivier-combet.jpg);background-position:left top}.titlecontainer{position:absolute;top:30%;bottom:0;left:0;right:0}.card{background-color:rgba(0,0,0,.6);font-weight:400;font-size:26px;margin:auto;width:450px;height:220px;text-align:center;padding-top:20px;padding-bottom:10px;padding-left:25px;padding-right:25px;-webkit-transition:all .5s;-moz-transition:all .5s}.card:hover{background-color:rgba(0,0,0,.7)}.coor{margin-top:10px;margin-bottom:0}.gpg{padding-top:0;margin-top:10px;font-weight:400;font-size:18px;text-align:left}.titlecontact{border:0;background:0 0;text-transform:none;font-weight:400;font-size:26px;margin:0;padding:0}.titlecontact:hover{border:0;background:0 0}header p.title{font-weight:300;font-size:44px;margin:0}header p.desc{font-weight:400;font-size:26px;margin:0;margin-bottom:20px}@media screen and (max-width:1280px){header p.title{font-size:48px}header p.desc{font-size:30px}}header span.bglight{text-shadow:0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 30px #000,0 0 30px #000,0 0 30px #000,0 0 30px #000,0 0 40px #000,0 0 40px #000,0 0 50px #000}header a{color:#fff;border:solid 1px #fff;background-color:rgba(0,0,0,.4);text-align:center;text-decoration:none;text-transform:uppercase;font-weight:500;font-size:20px;margin:10px;padding-top:5px;padding-bottom:4px;padding-right:11px;padding-left:11px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}@media screen and (max-width:1280px){header a{font-size:24px}}header a:hover{color:#d80000;border:solid 1px #d80000;background-color:rgba(255,0,0,.2)}.caret{position:absolute;top:90%;width:100%;height:auto;left:auto;right:auto}.scrolldown{border:0;background-color:transparent;border:0;text-align:center}.scrolldown:hover{border:0;background-color:transparent}blink{animation:blink 5s infinite}@keyframes blink{0%{color:#fff}49%{color:#fff}50%{color:red}}blink2{animation:blink2 5s infinite}@keyframes blink2{0%{color:red}49%{color:#fff}50%{color:#fff}}#topcontent{background-color:#000;height:4rem;margin-top:-4rem;display:block;content:" ";visibility:hidden;pointer-events:none;padding:0}#content{background-color:#f0f0f0;font-family:Rajdhani,sans-serif;font-weight:400;color:#222;height:auto;margin:0}.darkbg{background-color:#000}#content table{border:0;padding-bottom:10px;border-collapse:separate;border-spacing:15px;width:70%;margin-top:0;padding-top:0;margin-left:auto;margin-right:auto;height:auto;text-align:justify;font-size:18px;padding:10px;position:relative}@media screen and (max-width:1280px){#content table{width:100%;font-size:24px}}#content table tr{border-radius:10px}#content table td{padding:20px;background-color:#fafafa;border-radius:10px}#content table td:hover{padding:20px;background-color:#fff}#content table:hover .ititle{color:#d80000}#content table td:hover .tdtitle{color:#d80000}#content table td .ttitle{color:#222;font-weight:500;text-transform:uppercase;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}#content table td .ttitle2{color:#222;font-weight:400;text-transform:uppercase;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}#content table td:hover .ttitle{color:#d80000}#content table td:hover .ttitle2{color:#d80000}#content li .ltitle{color:#222;font-weight:500;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}#content li .ltitle2{color:#222;font-weight:400;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}#content li:hover .ltitle{color:#d80000}#content li:hover .ltitle2{color:#d80000}#content table td .nb1{font-size:24px;text-align:left}#content table td .nb2{font-size:20px;text-align:left}@media screen and (max-width:1280px){#content table td .nb1{font-size:28px;text-align:left}#content table td .nb2{font-size:24px;text-align:left}}#content i{font-size:20px;vertical-align:center}@media screen and (max-width:1280px){#content i{font-size:26px}}#content ul{list-style-type:none}#content li{padding-bottom:10px}#content a{color:#222;text-decoration:none;font-style:bold}#content a:hover{color:#d80000}#content li a{font-style:none}#content li a:hover{color:#d80000;font-style:bold}#content hr{width:60px;border-top:1px solid #d80000}.svclink{width:55%;color:#222;background-color:#f0f0f0;margin-left:auto;margin-right:auto}.svclink2{width:100%;color:#222;background-color:#fafafa;margin-left:auto;margin-right:auto}.contentlink{color:#222;text-decoration:none;font-weight:700}.contentlink:hover{color:#d80000;text-decoration:none}.quote{font-size:26px;font-weight:400;font-style:italic}.services{font-size:26px;font-weight:400;vertical-align:bottom}#content td .source{padding-top:10px;padding-bottom:0;margin-bottom::0;font-size:12px;font-weight:400;font-style:italic;text-align:right}@media screen and (max-width:1280px){.quote{font-size:30px}.services{font-size:30px}#content td .source{font-size:16px}}#footer{background:#0000;font-family:Rajdhani,sans-serif;font-weight:400;font-size:16px;color:#fff;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;width:70%;position:relative;padding:0;text-align:center;vertical-align:center;height:10px}#footer a{color:#fff;text-decoration:none}#footer ul{list-style:none}#footer li{display:inline;padding-left:15px;padding-right:15px}#footer i{font-size:18px;vertical-align:center}#footer img{border:0;vertical-align:text-top}@media screen and (max-width:1280px){#footer{width:100%;font-size:22px;height:14px}#footer i{font-size:24px}#footer li{padding-left:20px;padding-right:20px}}#marquee{position:relative;background:url(references.png);width:100%;height:100px;-webkit-animation:left-marquee 60s linear infinite 1s normal;-moz-animation:left-marquee 60s linear infinite 1s normal;animation:left-marquee 60s linear infinite 1s normal}@-webkit-keyframes left-marquee{from{bacgkround-position:0 0}to{background-position:-7e3px 0}}@-moz-keyframes left-marquee{from{bacgkround-position:0 0}to{background-position:-7e3px 0}}@keyframes left-marquee{from{bacgkround-position:0 0}to{background-position:-7e3px 0}}h1,h2,h3,strong{display:inline;margin:0;padding:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;border-spacing:0;font-size:inherit;font-weight:inherit;font-style:inherit}strong{font-weight:500}