* { font-family: sans-serif;font-size: 14px; } .entete { background: #f2f2f2; align-items: center; } .slogan { align-items: center; text-align: right; height: 100%; color: red; } .logo img { width: 80px; } .table-ec { width: 100%; padding: 0px; } .table-ec tr { padding: 0px; } .table-ec td { padding: 0px 5px; margin: 0px; width: 25%; } .table-ec td select { width: 100%; } select { width: 100%; border: transparent; background-color: white; padding: 5px 0px; border: 1px solid #245654; border-radius: 5px; color: #123456; text-align: center; } * { box-sizing: border-box; } body { font: 16px Arial; } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } input { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; width: 100%; font-size: 16px; } input[type="text"] { background-color: #f1f1f1; width: 100%; } input[type="submit"] { background-color: DodgerBlue; color: #fff; } .autocomplete-items { border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #cccccc; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #212121; color: white; } .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; } .btn1 { background-color: #060dff; width: 50%; color: #fff; height: 35px; align-items: center; border-radius: 20px; } .btn1:hover { background-color: green; } .case { width: 55px; } #div_a { margin-top: 20px; display: block; } .avert { margin-top: 5px; background-color: red; color: white; padding: 2px 0px; } .btn { justify-content: space-between; display: inline-flex; width: 100%; } textarea { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 16px; width: 100%; } .droit-inscri table { width: 100%; padding: 0px; } .droit-inscri table tr { padding: 0px; } .droit-inscri table td { padding: 0px; width: 25%; } .droit-inscri table td input { padding: 10px; width: 100%; height: 40px; } .carre { display: inline-flex; margin-bottom: 15px; } .carre div { width: 100%; height: 3px; background-color: blue; margin-right: 5px; border-radius: 5px; margin: 0px; } .bann h5 { background-color: blue; color: #fff; width: 97%; height: auto; min-height: 30px; padding: 5px; margin: 0px; border-radius: 3px; } h4 { text-align: center; color: blue; align-items: center; } .red { background-color: blue; color: white; } .ul-cache { display: none; position: relative; padding: 0px; list-style: none; } .ul-cache1 { padding: 0px; text-align: center; list-style: none; background-color: #f2f2f2; } .ul-cache1 li, .ul-cache li { padding: 5px 0px; } .ul-cache1 li:hover, .ul-cache li:hover { background-color: #fff; border: 1px solid #f2f2f2; } .ul-cache1 a { text-decoration: none; } .ul-cache1:hover .ul-cache { display: block; } .kap { margin: 0px; text-align: center; background-color: #f2f2f2; padding: 5px 5px; line-height: 25px; background-color: yellow; border-radius: 10px; } .pied { background-color: #fff; width: 50%; margin: 0px 25%; border-radius: 10px; box-shadow: 0px 0px 2px 0px #f2f2f2; } .pied:hover { background-color: yellow; } footer { background-color: #171717; text-align: center; font-size: 13px; color: #fff; padding: 2px 0px; margin-bottom: 5px; } footer a { text-decoration: none; color: #fff; font-size: 13px; } footer a:hover { color: #060dff; }