.style-test {     border: solid 2px red; }  .style-ok {     border: dashed 2px blue;     background: transparent;     color: red; }  .style-test2 {     background-image: url(https://www.festival2018.iutmmi.fr/sites/festival_MMI_2018/images/wdc_356_vua.jpg);     border: dashed 2px red;     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); }  .style-testo {     background-color: rgb(109, 27, 184);     background-image: none;     border: 11px dashed rgb(64, 169, 195);     border-radius: 13px; }  .style-truc {     background-color: rgb(109, 27, 184);     background-image: none;     border: 11px dashed rgb(64, 169, 195);     border-radius: 13px; }  .style-truc1 {     border: dashed 3px green;     background-color: bisque;     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);     max-height: 100px;     background-image: none; }  .style-cible {     background-color: rgb(189, 26, 75);     background-image: none;     border: 13px dashed rgb(109, 27, 184); }  .style-bordure rouge {     background-color: rgb(109, 27, 184);     background-image: none;     border-width: 12px;     border-style: solid none none;     border-color: initial;     border-image: initial; }  .style-st2 {     border: dashed 3px green;     background-color: bisque;     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);     max-height: 100px;     background-image: none; }  .style-a-b {     border: dashed 3px green;     background-color: bisque;     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);     max-height: 100px;     background-image: none; }  .style-rouge {     background-color: rgb(189, 26, 75);     border: 13px dashed rgb(109, 27, 184);     background-image: none;     border-width: 5px; }  .style-arrondi {     background-color: rgb(189, 26, 75);     border: 13px dashed rgb(109, 27, 184);     background-image: none;     border-color: rgb(230, 85, 123);     border-radius: 12px; }  .style-azert {     background-color: rgb(109, 27, 184);     border: 11px dashed rgb(64, 169, 195);     border-radius: 13px;     background-image: none; }  .style-yes {     border: dashed 3px green;     background-color: bisque;     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);     max-height: 100px;     background-image: none; }  .style-test5 {     border: 11px dashed rgb(64, 169, 195);     border-radius: 13px;     background-image: none;     border-width: 5px;     border-color: rgb(134, 71, 219);     background-color: rgb(18, 140, 115); }  .style-rose {     background-color: pink;     border: 0px none rgb(0, 0, 0);     background-image: none; }  .style-biz {     background-color: rgb(219, 84, 88);     background-image: none;     border: 6px solid rgb(151, 84, 219);     border-radius: 0px 30px; }  .style-bordure-droite {     background-color: rgb(255, 255, 255);     border-width: 1px;     border-right-style: dashed;     border-color: rgb(42, 69, 131); }  .style-ligne-violette {     background-color: rgba(219, 84, 88, 0);     border-width: 5px;     border-bottom-style: solid;     border-color: rgb(151, 84, 219); }  .style-test6 {     background-color: rgba(0, 0, 0, 0.2);     font-size: 14px;     border-radius: 5px;     background-image: url(https://www.festival2018.iutmmi.fr/sites/festival_MMI_2018/images/wdc_356_vua.jpg); }  .style-v2 {     background-color: rgb(151, 84, 219);     border-radius: 15px;     border-width: 4px;     border-style: solid dotted solid solid;     border-color: rgb(42, 69, 131);     border-image: initial; }  .style-cadre-r-rond {     border: solid 2px red;     border-radius: 5px; }  .bloc_bt {     position: relative;     min-height: 218px;     min-width: 150px;     background-color: rgba(255, 192, 203, 0);     left: 0px;     outline: none;     color: rgb(0, 0, 0); }  .bt1 {     position: relative;     height: 150px;     min-width: 150px;     max-width: 150px;     background-color: rgba(255, 255, 0, 0);     left: 0px;     color: rgb(0, 0, 0);     background-image: url(../images/triangle.png);     outline: none;     padding: 19px;     background-repeat: no-repeat; }  .white_center {     text-align: center;     color: white;     font-family: 'Montserrat';     font-weight: 100; }  .white {     color: white;     text-align: justify;     padding-left: 40px;     padding-right: 40px;     font-family: 'Montserrat';     font-weight: 100; }  .menu {     z-index: 1000000;     font-weight: bold;     font-family: 'Oswald';     font-size: 20px;     width: 100%;     background-color: rgba(0, 0, 0, 1);     position: absolute;     text-align: center;     letter-spacing: 1px;     // max-width: 300px;     // left: 100vw;     //height: 100vh; }  .menu ul {     margin: 0;     padding: 0;     list-style-type: none;     list-style-image: none; }  .menu li {     display: block;     padding: 15px 0 15px 0; }  .menu li:hover {     display: block;     padding: 15px 0 15px 0;     color: white; }  .menu ul li a {     text-decoration: none;     margin: 0px;     color: #666; }  .menu ul li a:hover {     color: #666;     text-decoration: none; }  .menu a {     text-decoration: none;     color: #666; }  .menu a:hover {     text-decoration: none;     color: #666; }  .trans1 {     transition: all 1s; } .testo { }