*{font-family:'Pathway Gothic One', sans-serif;font-size:24px}html,body{margin:0;background-color:#f5f3f3}h1{width:100%;font-size:200%;text-transform:uppercase;text-align:center;margin:0;padding-top:15px}hr{display:block;height:1px;border:0;padding:0}header,#presentation,#services,#domaines{z-index:1000}header{display:flex;align-items:center;justify-content:center;height:70vh;background-color:#f5f3f3}#presentation{padding-bottom:10px;background-color:#3054ab}#presentation h1{color:white}#presentation hr{background-image:-webkit-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-moz-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-ms-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-o-linear-gradient(left, #3054ab, #fff, #3054ab)}#presentation h3{width:100%;font-size:150%;font-weight:bold;text-transform:uppercase;text-align:center;color:white}#presentation p{padding-top:5px;padding-bottom:10px;color:white;text-align:center}@media screen and (max-width: 768px){#presentation h3{text-align:center;padding-bottom:10px}#presentation p{text-align:center;padding-top:0;padding-right:0;padding-left:0;padding-bottom:25px}}#services{background-color:white;padding-bottom:20px}#services i{color:#3054ab}#services i:hover{color:#f0432d}#services h1{color:#3054ab}#services h2{font-size:120%;text-transform:uppercase}#services hr{background-image:-webkit-linear-gradient(left, #fff, #3054ab, #fff);background-image:-moz-linear-gradient(left, #fff, #3054ab, #fff);background-image:-ms-linear-gradient(left, #fff, #3054ab, #fff);background-image:-o-linear-gradient(left, #fff, #3054ab, #fff)}#services .service{text-align:center}#services small{font-size:60%}@media screen and (max-width: 768px){#services i:hover{color:#3054ab}}#domaines{background-color:white;padding-bottom:30px}#domaines h1{color:#3054ab}#domaines h2{font-size:170%;font-weight:bold;color:white;text-transform:uppercase}#domaines hr{background-image:-webkit-linear-gradient(left, #fff, #3054ab, #fff);background-image:-moz-linear-gradient(left, #fff, #3054ab, #fff);background-image:-ms-linear-gradient(left, #fff, #3054ab, #fff);background-image:-o-linear-gradient(left, #fff, #3054ab, #fff)}#domaines .domaine{display:flex;align-items:center;justify-content:center;padding:0;margin:0;height:200px}#domaines .intrusion p,#domaines .surveillance p,#domaines .domotique p,#domaines .faible p{display:none;text-align:center;color:white}#domaines .intrusion:hover h2,#domaines .surveillance:hover h2,#domaines .domotique:hover h2,#domaines .faible:hover h2{display:none}#domaines .intrusion:hover p,#domaines .surveillance:hover p,#domaines .domotique:hover p,#domaines .faible:hover p{display:block}#domaines .intrusion{background-color:#C4D7ED}#domaines .surveillance{background-color:#ABC8E2}#domaines .domotique{background-color:#375D81}#domaines .faible{background-color:#183152}@media screen and (max-width: 768px){#domaines .domaine{height:auto}#domaines .intrusion h2,#domaines .surveillance h2,#domaines .domotique h2,#domaines .faible h2{text-align:center}#domaines .intrusion p,#domaines .surveillance p,#domaines .domotique p,#domaines .faible p{display:block;padding-top:5px;padding-bottom:15px}#domaines .intrusion:hover h2,#domaines .surveillance:hover h2,#domaines .domotique:hover h2,#domaines .faible:hover h2{display:block}}#marques{background-color:white;padding-bottom:30px}#marques h1{color:#3054ab}#marques hr{background-image:-webkit-linear-gradient(left, #fff, #3054ab, #fff);background-image:-moz-linear-gradient(left, #fff, #3054ab, #fff);background-image:-ms-linear-gradient(left, #fff, #3054ab, #fff);background-image:-o-linear-gradient(left, #fff, #3054ab, #fff)}#contact{position:relative;width:100%;height:auto;background-color:#3054ab;text-align:center}#contact h1{color:white}#contact h3{color:white;font-size:110%}#contact h5{font-size:100%;padding-top:10px;padding-right:0;padding-left:0;padding-bottom:5px;margin:0}#contact hr{background-image:-webkit-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-moz-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-ms-linear-gradient(left, #3054ab, #fff, #3054ab);background-image:-o-linear-gradient(left, #3054ab, #fff, #3054ab)}#contact i{color:white}#contact a{color:white}.titre{background-color:#3054ab}.titre h1,.titre h3{font-weight:normal;text-transform:uppercase;color:white;padding-top:20px;padding-right:0;padding-left:0;padding-bottom:0}.titre h1{font-size:300%}.titre h3{font-size:150%;text-align:center;padding-top:0;padding-right:0;padding-left:0;padding-bottom:20px}.logo{display:flex;align-items:center;justify-content:center}.contenu{padding-bottom:30px}.contenu h4{font-size:130%;width:100%;background-color:#3054ab;text-align:center;text-transform:uppercase;color:white;padding-top:10px;padding-bottom:10px}.contenu p{text-align:justify}