/**
 * Website de Prodijcom
 * Author: Delrodie AMOIKON "delrodieamoikon@gmail.com"
 */
@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css);@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);@import url('https://fonts.googleapis.com/css2 ? 1 300;1 400;1 500;1 600;1 700;1 800;1 900 & display=swap');:root{--coucleur-principale:#9e00d4;--couleur-secondaire:#be00b9;--couleur-tertiaire:#da008e;--couleur-alternative:#6646d1;--couleur-gris:#6f6d7b;--couleur-5percent:#13001a;--couleur-10percent:#260033;--couleur-85percent:#ecb3ff}body{font-family:Kanit,sans-serif;margin:0;padding:0}a{text-decoration:none}header{position:relative;top:0;bottom:0;left:0;right:0;display:block;width:100%;z-index:3}header .topBar{background:var(--couleur-10percent);color:var(--couleur-secondaire);font-size:.9rem;font-weight:700!important;padding:5px 0}header .topBar a{color:#fff!important}header #menu{position:absolute;z-index:1;width:100%;background:rgba(38,0,51,.3)}header #menu a{color:#fff!important;font-weight:700;letter-spacing:.1rem;text-transform:uppercase}header #menu a.nav-link:hover{color:var(--coucleur-principale)}header #menu .navbar .dropdown-menu{border:0;border-radius:0;background:rgba(38,0,51,.5)}header #menu .navbar .dropdown-menu .dropdown-item:hover{background:var(--couleur-10percent)}header #slides{position:relative;display:inline-block;overflow:hidden}header #slides .slide-overflow figure{overflow:hidden;display:inline-block;position:relative}header #slides .slide-overflow .slide-caption{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6);color:#fff;display:grid;align-content:center;justify-content:center;width:100%;height:100%}header #slides .slide-overflow .slide-caption h1{font-size:4rem;color:#fff}main h2.label{font-weight:700;text-transform:uppercase;font-size:1.9rem;color:var(--couleur-10percent);cursor:pointer;margin-bottom:20px}main h2.label::first-letter{color:var(--coucleur-principale);border-bottom:solid 4px var(--coucleur-principale)}main h2.label span{border-bottom:4px solid var(--coucleur-principale)}main h2.label:hover{color:var(--coucleur-principale);border-bottom:solid 4px var(--coucleur-10percent)}main h2.label:hover::first-letter{color:var(--couleur-10percent);border-bottom:4px solid var(--coucleur-principale)}main #services{margin:50px auto}main #services .card{cursor:pointer;border:0}main #services .card figure{width:100%;height:100%;overflow:hidden;position:relative;display:inline-block;border-right:solid 1px #ccc}main #services .card figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(38,0,51,.7);color:#fff;display:grid;align-content:center;justify-content:center;width:100%;height:100%;transition:all .5s}main #services .card figcaption:hover{background:rgba(102,70,209,.7)}main #services .card:hover img{transform:scale(1.3);transition:all .5s}main #services .card .modal-header{background:var(--couleur-10percent);color:#fff!important}main #services .card .modal-header button.btn-close{background:#fff!important;color:gray}main #presentation .card{padding:50px 0;border:0}main #presentation .card .card-body{padding:0 75px;text-align:justify}main #presentation .card .card-body .card-title{font-size:1.3rem;font-weight:700;cursor:pointer}main #presentation .card .card-body .card-title:hover{color:var(--coucleur-principale)}main #contact .map iframe{width:100%;height:100%}main #galerie{margin:100px auto 50px auto}main #galerie .galerie{display:flex;padding:2px;transition:.3s}main #galerie .galerie:hover img{filter:grayscale(1)}main #galerie .galerie .colone{display:flex;flex-direction:column;width:20%}main #galerie .galerie .image{margin:2px;overflow:hidden}main #galerie .galerie .image:hover img{filter:grayscale(0)}main #galerie .galerie figure{position:relative}main #galerie .galerie figure img{display:block;width:100%;transition:.3s}main #galerie .galerie figure img:hover{transform:scale(1.1)}footer{margin:100px 0 0;background:var(--couleur-10percent)}footer .copyright{padding:5px 0;color:var(--couleur-85percent)!important;font-size:.8rem}@media screen and (max-width:480px){header .topBar{text-align:center!important;font-weight:700}header #slides img{min-height:250px}header #slides .slide-overflow .slide-capton h1{font-size:2.7rem}main #presentation .card{padding:15px 0}main #presentation .card .card-body{padding:0}main #presentation .card .card-body .card-title{padding-top:10px}main #contact .map iframe{margin:50px auto;height:500px}}