:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } b, strong { font-weight: bolder } a { color: #007bff; text-decoration: none; background-color: transparent } a:hover { text-decoration: none } svg { overflow: hidden; vertical-align: middle } label { display: inline-block; margin-bottom: .5rem } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h2, h2 { font-size: 2rem } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1200px) { .container { max-width: 1140px } } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media (min-width: 576px) { .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } .form-group { margin-bottom: 1rem } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .dropdown-menu { position: static; float: none } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card-text:last-child { margin-bottom: 0 } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff } .d-flex { display: -ms-flexbox !important; display: flex !important } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } td, html, body { font-family: 'Segoe UI','Open Sans',Calibri,Tahoma,sans-serif; } html, body { font-size: 14px } body { min-width: 320px; color: #335566; background: #eef1f3; position: relative } p { margin-bottom: 0 } h2 { font-size: 26px; font-weight: normal; } .form-group input { font-size: 1.4rem; padding: 1px 6px 1px 12px; display: block; width: 100%; height: 45px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid #757575; } #filterByName { position: relative } .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .form-group label { color: #999; font-size: 1.4rem; font-weight: normal; position: absolute; pointer-events: none; left: 10px; top: 0.5rem; margin: 0; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .form-group input:focus ~ label, .form-group input.not-empty ~ label, .form-group textarea:focus ~ label, .form-group textarea.not-empty ~ label { top: -1.4rem; font-size: 14px; color: #113f5c; } .navbar-nav .form-group input:focus ~ label, .navbar-nav .form-group input.not-empty ~ label { opacity: 0 } .bar { position: relative; display: block; width: 100%; } .bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #113f5c; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .bar:before { left: 50%; } .bar:after { right: 50%; } .btn { padding: 0.8rem; cursor: pointer } .btn-primary { background: #50e3c2; border-color: #50e3c2; } .btn-secondary { background: #fb6682; border-color: #fb6682; } .btn { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all 500ms; outline: none; } .btn:active { box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset } .btn svg { width: 6px; margin: 0 10px; left: 0; top: -1px; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; } .btn:hover svg { left: 10px; } .navbar-nav { background: #fff; padding-top: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); padding-left: 1em; } .navbar-nav .title { font-size: 1.4rem; padding-top: 0.5rem; text-align: right } .chapeau { color: #335566; padding-bottom: 1.2rem; padding-left: 0.5rem; } .random { color: #757575; padding-top: 2rem } .dentistes { padding-top: 7rem; padding-bottom: 2rem; } .dentistes .structure { font-style: italic; margin-bottom: 0 } .card { margin-bottom: 1rem; transition: all 0.25s linear; } @media (min-width: 700px) { .card-body { display: flex; align-items: flex-start } .card-body .c { -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; } .card-body .btn { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; display: inline-block; } } @media (max-width: 480px) { .navbar-nav .title { flex: 0 0 100%; width: 100%; text-align: center; break-after: always; } } .navbar-nav div { align-self: center } .navbar-nav .form-group { position: relative; } .navbar-nav div { align-self: flex-start } .navbar-nav .d-flex { position: relative; margin: 0 auto; flex-flow: row wrap } .navbar-nav .btn { margin-right: 1em } .navbar-nav .flex-grow-1 { flex-flow: row nowrap; display: inline-block } .annuaire .a { color: #999 } @media (max-width: 699px) { .navbar-nav { position: relative } .annuaire .card-body .btn { display: block } .dentistes { padding-top: 1rem } } #cities-list { display: none; position: absolute; left: 0; width: 100%; max-height: 25rem; overflow: auto; overflow-x: hidden; z-index: 1031; max-height: 200px; overflow-y: auto } .t #cities-list { margin-top: -1rem } #geolocate svg { width: 20px; margin: 0; } #geolocate:hover svg { left: 4px; } #geolocate:hover svg path { fill: #fff !important; transition: all .15s ease-in-out } #geolocate, #search { height: 3.3em } .ripple-effect { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .ink { display: block; position: absolute; pointer-events: none; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); background: #fff; opacity: 1; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5); transform: scale(2.5); } } @-ms-keyframes ripple { 100% { opacity: 0; -ms-transform: scale(2.5); transform: scale(2.5); } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5); transform: scale(2.5); } } .ink { background-color: #fff; } .btn-primary .ink { background-color: #4ba2ff; } .btn-outline-dark .ink { background: #636f7a } .ink.animate { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear; } .card.hover { box-shadow: 0 0 22px rgba(50,51,52,0.25); border: 1px solid #fb6682; } .spe { font-weight: bold; } .tac { text-align: center } .alt-cities { color: #636f7a; border-top: 1px solid #757575; margin-top: 2rem; margin-bottom: 2rem; padding-top: 1rem; width: 66%; } .alt-cities a { color: #335566; text-decoration: none; } .alt-cities a:hover { color: #fb6682 } .pagination { flex-wrap: wrap } @media print { .card, .card-body { display: block; } } .legal { background: #3f4651; color: #fff; font-size: 0.9em; padding: 3em 0 } .legal a { color: #fff; text-decoration: none !important; } @media (max-width: 992px) { .legal a {padding: 15px 0;} a.page-link{min-height:48px;min-height:48px} }