Les spécialités – Clinique Bizet

/* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Liste spécialités – 2 - démarrer */ /* ----------------------------------------- */ .view *{box-sizing: border-box;} .view a {text-decoration:none;} .view { box-sizing: border-box; float:left; cursor: default; overflow: hidden; padding: 15px; position: relative; text-align: center; width: 33.3333%; } .view .mask, .view .content { bottom: 15px; left: 15px; overflow: hidden; position: absolute; right: 15px; top: 15px; } .view .image { display: block; overflow: hidden; position: relative; } .view .image::before { bottom: 0; box-shadow: 0 0 0 0 #6bc0e1 inset; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 1; } .view:hover .image::before { box-shadow: 0 0 0 4px #6bc0e1 inset; } .view h2 { color: #fff; font-size: 30px; margin: 40px 0 0; padding: 10px; position: relative; text-align: center; } .view h2::after { background: #e6e6e6 none repeat scroll 0 0; content: ""; display: block; height: 6px; margin-left: 30%; margin-top: 20px; width: 40%; } .view p { color: #fff; font-family: Georgia,serif; font-size: 12px; font-style: italic; padding: 10px 20px 20px; position: relative; text-align: center; } .view a.info { background: #000 none repeat scroll 0 0; box-shadow: 0 0 1px #000; color: #fff; display: inline-block; padding: 7px 14px; text-decoration: none; text-transform: uppercase; } .view-tenth a { display: block; } .view-tenth img { transform: scale(1); transition: all 0.3s ease-in-out 0s; width: 100%; } .view-tenth .mask { background-color: #eee; opacity: 0; text-align: left; transform: scale(0); transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s; z-index: 1; } .view-tenth:hover .mask, .view-tenth.is-active .mask { opacity: 1; transform: scale(1); } .view-tenth ul { margin: 5px 14px; padding: 0; } .view-tenth li { list-style-type: none; margin: 0; padding: 0; } .view-tenth li a { color: #333; display: block; font-size: 14px; padding: 5px; } .view-tenth li a:hover, .view-tenth li a:focus { background: #6bc0e1 none repeat scroll 0 0; color: #fff; text-decoration: none; } .view-tenth .image h2 { color: #fff; height: 30px; opacity: 1; position: absolute; top: 60px; transition: all 0.3s linear 0s; width: 100%; z-index: 1; } @media only screen and (max-width: 1199px) { .view-tenth .image h2 { top: 30px; } } .view-tenth p { color: #333; opacity: 0; transform: scale(0); transition: all 0.3s linear 0s; } .view-tenth:hover img, .view-tenth.is-active img { transform: scale(1.2); } .ca-menu, .ca-contact { margin-top: 30px; } .ca-menu li, .ca-contact li { display: block; height: 173px; margin-bottom: 30px; overflow: hidden; transition: all 300ms ease-in-out 0s; } .ca-menu li a, .ca-contact li a { border: 1px solid #e6e6e6; color: #333; display: block; height: 100%; padding: 32px 0; position: relative; text-align: left; transition: all 300ms linear 0s; width: 100%; } .ca-menu li a:hover, .ca-contact li a:hover { text-decoration: none; } .ca-icon { float: left; padding: 0 10px; text-align: center; width: 29%; } .ca-icon img { border-radius: 50%; display: block; width: 110px; } .ca-fleche { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } .ca-menu a:hover .ca-fleche { animation: 2.72s ease 0s normal none infinite running horizontal; transform-origin: 50% 50% 0; } @keyframes horizontal { 0% { transform: translate(0px, -50%); } 4.41177% { transform: translate(5px, -50%); } 8.82353% { transform: translate(0px, -50%); } 13.2353% { transform: translate(5px, -50%); } 17.6471% { transform: translate(0px, -50%); } 22.0588% { transform: translate(5px, -50%); } 26.4706% { transform: translate(0px, -50%); } 100% { transform: translate(0px, -50%); } } @keyframes horizontal { 0% { transform: translate(0px, -50%); } 4.41177% { transform: translate(5px, -50%); } 8.82353% { transform: translate(0px, -50%); } 13.2353% { transform: translate(5px, -50%); } 17.6471% { transform: translate(0px, -50%); } 22.0588% { transform: translate(5px, -50%); } 26.4706% { transform: translate(0px, -50%); } 100% { transform: translate(0px, -50%); } } .ca-fleche .fa { color: #6bc0e1; font-size: 25px; } .ca-content { float: left; width: 57%; } .ca-main { font-size: 20px; margin-bottom: 0; margin-top: 30px; transition: all 300ms linear 0s; } .ca-sub { color: #a6a6a6; font-family: "latoregular"; font-size: 18px; margin-top: 0; transition: all 300ms linear 0s; } .ca-menu li a:hover { border-color: #6bc0e1; box-shadow: 0 0 0 4px #6bc0e1 inset; } .box-emplois .ca-content { padding: 0 10px 0 30px; width: 86%; } .box-emplois .date { color: #a6a6a6; font-family: "latoitalic"; font-size: 14px; margin-bottom: 0; } .box-emplois .date span { color: #6bc0e1; font-family: "latoitalic"; } .box-emplois .lieu { font-family: "latoitalic"; } .box-emplois .contrat { color: #333; } .box-emplois .ca-main { margin-top: 0; } @media (max-width: 480px) { .ca-menu li { height: auto; } .ca-menu li a { overflow: hidden; } .ca-icon { display: block; float: none; width: 100%; } .ca-content { padding-left: 15px; width: 86%; } } .box-contact-medecin .co-icon { text-align: center; } .box-contact-medecin .co-icon img { width: 60px; } .box-contact-medecin .co-content h2 { font-size: 30px; line-height: 30px; margin: 0; } .box-contact-medecin .co-btn .btn { width: 100%; } .box-contact-medecin .ca-contact { margin-bottom: 0; } .box-contact-medecin .ca-contact li { height: auto; } .box-contact-medecin .ca-contact li a { overflow: hidden; padding: 32px 20px; } @media (max-width: 767px) { .box-contact-medecin .co-icon img { width: 110px; } .box-contact-medecin .co-content h2 { margin: 20px 0; text-align: center; } .box-contact-medecin .ca-contact li a { padding: 15px; } .box-contact-medecin .ca-contact li.carte a { text-align: center; } } .box-contact-medecin .ca-contact li.carte { height: auto; margin-bottom: 0; } hr { display: block; } .box-contact-medecin .ca-contact li.carte a { border-bottom: 0 none; padding: 32px 20px 0; } .box-contact-medecin .box-access { border-top: 0 none; } .box-home-carte .box-access { margin: 0; } .box-home-carte .box-access .gmap, .box-contact-medecin .box-access .gmap, .box-cliniques .box-access .gmap, .box-localisation-offre .gmap { height: 370px; width: 100%; } .box-home-carte .box-access .gmap { height: 300px; } .box-contact-medecin .box-access-directions { border-top: 0 none; } @media only screen and (max-width: 950px) { .view{ width:50%; } } @media only screen and (max-width: 600px) { .view{ width:100%; } } /* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Liste spécialités – 2 - terminer */ /* ----------------------------------------- */

Chirurgicales

Hôpital de jour chimiothérapie

Imagerie

Médicales

Pôles d’excellence