/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
.boutonVioline a {
display:block;
width:150px;
line-height:50px;
text-align:center;
vertical-align:middle;
background:url(../img/bouton-violine.png) no-repeat;
color:white;
text-decoration:none;
}
.boutonVioline a:hover {
background:url(../img/bouton-violine2.png) no-repeat;
}
.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
	font-size: inherit;
}
.machine p,.machine-grande p{line-height:0.75rem; font-size:0.8rem;}
.machine img{width:30%;}
.machine-grande img{width:70%;}
.qubit h4{font-family:Arial, Helvetica, sans-serif; font-size:1.45rem;}
.titre-Plus h4{font-family:Arial, Helvetica, sans-serif; font-size:1.15rem;}
.qubit h6, .note, .note a{font-family:Arial, Helvetica, sans-serif; font-size:0.65rem;}
.qubit{padding: 0 0;}
.qubit img{width:95%; padding:5px 5px;}
.schema img{width:90%;}
.cw img{width:100%;}
.appli img{width:100%;}
.appli {padding-right:20px;}
.schema u{background-color:#0CF;}
texte{text-align:left;}
.note{}
#Infectious, #DoesItWork, #CWSystems, #ultraviolet, #OurVision, #Safety, #Certifications, #stopCovid, #more2, #more3, #more4, #more5 {display:none;}

#Company{display:none;}
.sous-titre{cursor:pointer;}
.sous-titre:hover{color:grey;}
.material-icons:hover{cursor:pointer; color:#900;}
.shut{position:relative;}
.material-icons img{width:100%;}
.zoom { 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
}
.zoom:hover { 
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   -ms-transform: scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
   }
.lang{background-color:#CCC; padding:10px 10px; position:absolute; right:0; float:right;} 
.lang h5{line-height:0.5rem; padding:5px;}
h5.bandeau_icon { font-size: 0.9rem !important;
  line-height: 1.2rem !important;
  margin: 0.2rem 0 0.8rem 0;}
.encadre h6{ font-size: 0.7rem;
  line-height: 1.1rem;
  border:#666 solid thin;
  padding:10px;
  margin: 2px 2px;
  height:200px;
    vertical-align:middle;
    display:table-cell;
}
.basic-paragraph{
font-size: 0.85rem;	
line-height: 0.9 !important;}
.cover{
	 max-height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
	background-repeat: no-repeat;
}
.violet{position:absolute; z-index:1;width:100%;}
.violet img{text-align:center;}
.cadreUv img{width:98%;}
.cadreUv{height:350px;}
.div-blanc{position:absolute; z-index:10; color:#FFF; padding:5%;}

#ultraviolet, #DoesItWork, #CWSystems{margin-top:-750px; position:absolute;  z-index:100; width:100%; border:#999 solid thin; background-color:#FFF;}
#stopCovid{margin-top:-750px; position:absolute; z-index:100; width:inherit; border: red solid 2px;}
.devant{z-index:100; position:absolute;}
.securit{z-index:100; position:fixed; margin-top:30px; margin-right:30px; right:0; }
.securit img{width:80%;}
.securit{
    -webkit-animation: spot 2s ease-out infinite;
    -moz-animation: spot 2s ease-out infinite;
    -o-animation: spot 2s ease-out infinite;
    animation: spot 2s ease-out infinite;
}
@-webkit-keyframes spot {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0.1;
    }
}
@-moz-keyframes spot {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

      50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0.1;
    }
}
@-o-keyframes spot {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }
  50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0.1;
    }
}
@keyframes spot {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

      50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0.1;
    }
}
.signify{display:inline-block;}
.signify:hover{background-color:#454545;}
.bords{border:#666 solid thin;}