*{font-family:Arial,sans-serif;margin:0;padding:0}.header{position:relative;z-index:1000}.header img{border:2px solid transparent;border-radius:15px;filter:blur(.5px);padding:5px;width:25em}.header img:hover{border:2px solid #ffe893;border-radius:15px;padding:5px}nav{background-color:#aed3ea;border-bottom:2px dashed #000;box-sizing:border-box;left:0;overflow-x:hidden;padding:10px 20px;position:fixed;right:0;top:0;width:auto;z-index:999}nav,nav ul{align-items:center;display:flex;justify-content:space-around;white-space:wrap}nav ul{font-size:1.5em;gap:1em;list-style:none}nav ul a{border:2px solid transparent;border-radius:15px;color:#000;padding:5px;text-decoration:none;text-transform:uppercase}nav ul a.active,nav ul a:hover{background-color:#ffe893;border:2px solid #5a86a1;border-radius:15px;color:#000;padding:5px}nav ul a:hover{text-decoration:underline}#icon{border:2px solid transparent;border-radius:15px;cursor:pointer;display:none;font-size:4em;padding:5px}#icon:hover{border:2px solid #ffe893;border-radius:15px;padding:5px}.notification-icon{color:gray;font-size:48px;position:relative;text-decoration:none}.notification-icon:hover{color:#000}.badge{background-color:red;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;font-size:12px;font-weight:700;padding:5px 8px;position:absolute;right:-10px;top:-8px}.notification-icon.new-notifications{animation:bell-glow 1.5s infinite;color:red}@keyframes bell-glow{0%{transform:scale(1)}50%{color:darkred;transform:scale(1.2)}to{transform:scale(1)}}.footer{background-color:#427896;border-top:2px dashed #000;color:#fff;display:flex;flex-direction:column;padding:1em 0;text-align:center;width:100%}.logo-footer{border:2px solid transparent;border-radius:15px;padding:5px;width:25em}.logo-footer:hover{border:2px solid #ffe893;border-radius:15px;padding:5px}.footer-content{align-items:center;display:flex;justify-content:space-around;margin-top:5em;overflow-y:scroll}.footer-content p{background-color:#ffe893;border:1px solid #aed3ea;border-radius:5px;color:#000;font-size:22px;font-weight:700;padding:2px 5px}.footer-flex{display:flex;gap:20px;justify-content:space-around;padding:28px 16px}.footer-col{display:flex;flex-direction:column}.footer-col h4{font-size:2.5em;margin:0 0 10px;text-decoration:underline}.footer-col ul{display:grid;font-size:1.5em;gap:6px;list-style:none;margin:0;padding:0}.footer-col ul li a{color:#fff;text-decoration:none}.footer-brand{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.footer-bottom{border-top:1px solid #ddd;padding:12px 16px}@media screen and (max-width:1728px){.header img{width:25em}nav ul{background-color:#427892;border:2px dashed #000;flex-direction:column;gap:2em;left:-100%;position:fixed;text-align:center;top:12em;transition:left .6s ease-in-out;width:100%;z-index:999}nav li{font-size:clamp(1rem,3vw,1.4rem);margin:10px;padding:3px 0}nav.active ul{left:0}#icon{display:block}#icon:before{content:"\2630";transition:opacity .6s ease-in-out}.active #icon:before{content:"\2715"}}@media (max-width:1644px){.footer-flex{flex-direction:column}}.guest{padding:23em 5px 5em!important}.connected{padding:20em 5px 5em!important}.titre{align-items:center;display:flex;flex-direction:column;justify-content:center}.titre,.titre>h1{margin:0;position:relative;text-align:center}.titre>h1{font-size:5rem;font-weight:700}.user-info{display:flex;justify-content:center}.user-info li{list-style:none}.user-info li a{align-items:center;color:#264143;cursor:pointer;display:flex;font-size:2em;gap:10px;margin:0;padding:0;text-decoration:none}.bone-link{display:inline-block;position:relative;text-decoration:none}.image-os{display:block;height:11em;width:18em!important}.bone-text{font-size:1em;font-weight:700;position:absolute;top:-14px!important;inset:0;pointer-events:none;text-align:center}.banniere,.bone-text{align-items:center;display:flex;justify-content:center}.banniere{gap:4em;margin-bottom:3em;width:80%}.banniere img{border-radius:10%;width:29em}.banniere .banniere-texte{text-align:center}.banniere .banniere-texte h2{font-size:3em;font-weight:700;text-decoration:underline}.banniere .banniere-texte p{font-size:2em}.container{align-items:center;gap:2rem}.colonne-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:4rem;justify-content:center;width:90vw}.bloc{background-color:#f7deaa6b;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;min-width:300px;padding:20px;text-align:center;width:30%}.bloc h2{color:#264143;font-size:2.5em;margin-bottom:20px;text-decoration:underline}.bloc p{color:#003d7f;font-size:1.5em;margin:15px 0}.bloc a{color:#003d7f;font-weight:700;text-decoration:underline}.nombre{color:#333;font-size:.8em}@media screen and (max-width:1644px){.banniere{flex-direction:column}.banniere img{width:22em}.banniere .banniere-texte h2{font-size:2em}.banniere .banniere-texte p{font-size:1em}}.container{text-align:center}.container,.form_area{display:flex;flex-direction:column;justify-content:center}.form_area{align-items:center;background-color:#f7deaa;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;height:auto;padding:1em;width:auto}.form_area h2{color:#4184c9;font-size:3.5em;font-weight:900;margin-top:20px;text-decoration:underline}.error{color:red;font-size:1em}.form_area label{font-weight:600}form{align-items:center;display:flex;flex-direction:column;font-size:2em;gap:1.5rem;padding:2rem 0;text-align:center}form p{margin-top:1em}.form_group{align-items:center;display:flex;flex-direction:column;margin:10px}.form_group p{font-size:1em!important}.sub_title{font-weight:600;margin:5px 0}input{border:2px solid #ffcc08;font-size:1em;padding:10px;width:20rem}.form_style{border:2px solid #264143;border-radius:4px;box-shadow:3px 4px 0 1px #3f51b5;font-size:1.5em;outline:none;padding:12px 10px;width:11em}.btn:focus,.form_style:focus{box-shadow:1px 2px 0 0 #3f51b5;transform:translateY(4px)}.input-with-icon{gap:1rem;position:relative;width:100%}.input-with-icon label{margin-right:1rem}.form_error ul{color:red;font-size:.5em;list-style:none;margin-top:.5em}.image_mdp{right:-.2rem}#image_mdp,.image_mdp{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:5rem}#image_mdp{right:6.8em!important}.form_area form,.form_area p{font-size:1.5em}.form_area p a{color:#003d7f;-webkit-text-stroke:1px #1a245b;cursor:pointer;font-size:2em;text-decoration:underline}.sujet{align-items:center;justify-content:space-between}.container-sujet,.edit{display:flex;flex-direction:column;font-size:2em;margin:1em auto;text-align:start;width:80%}.edit{align-items:center;background-color:#f5e8e3;border:2px solid #000;border-radius:15px;display:flex;font-size:2em}.edit>h1{color:#5a86a1;padding:1em}.edit form{align-items:center;display:flex;flex-direction:column;gap:1em;padding:1em}.colonne-container-sujet{background-color:#f7deaa6b;border:2px solid #264143;border-radius:15px;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;display:flex;flex:1;flex-direction:column;height:100%;margin-bottom:20px}.deuxieme-bloc-sujet,.premier-bloc-sujet,.troisieme-bloc-sujet{box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;padding:10px;width:100%}.premier-bloc-sujet{border-bottom:2px solid #aed3ea}.premier-bloc-sujet .sujet{display:flex}.troisieme-bloc-sujet{background-color:#f7deaa6b;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;order:3;position:relative}.comment-item{border-bottom:3px solid #aed3ea;list-style:none;margin-bottom:1em}.comment-item:nth-child(2n){background-color:#f7dfaa8f}.comment-item .Auteur{color:#5a86a1;display:flex;font-size:1.5em;justify-content:space-between}.comment-item img{border-radius:50%;width:4em}.Auteur p a{text-decoration:none}.comment-item .date{color:#aed3ea}.comment-item .date p{background-color:#ffe893;border:1px solid #aed3ea;border-radius:5px;color:#000;display:inline-block;font-size:.5em;font-weight:700;padding:2px 5px}#comment-form{display:flex;flex-direction:column;gap:1em}#comment-input{width:80%}a .bouton-forum{background-color:#5a86a1;border:2px solid #000;border-radius:15px;color:#fff;cursor:pointer!important;font-size:2em;padding:1em;width:11em;z-index:999}.premier-bloc-sujet .btn{background-color:#ffe793;width:fit-content}.bouton2{background-color:#5a86a1;border:2px solid #000;color:#fff;font-size:.5em;margin:0 auto;padding:.5em;width:7em}.bouton3{background-color:#ffe893;border:2px solid #5a86a1;font-size:2em;margin:auto;width:fit-content}.button{align-items:center;display:flex;gap:.5em;margin:1em 0}.modifier{background-color:#7955487a;border-radius:18px;font-size:1em;margin:0}.supprimer{background-color:#d32f2fad}.signaler,.supprimer{align-items:center;border:1px solid #ffe793;border-radius:18px;color:#fff;display:inline-flex;font-size:1em;font-weight:700;margin:0;padding:2px 5px}.signaler{background-color:#afd3ea}.categorie{background-color:rgba(0,0,0,.14);border-radius:1em;padding:5px;text-shadow:1px 1px #000;width:fit-content}.tooltip-text{font-size:14px;width:29em}@media screen and (max-width:1204px){.container-forum{flex-direction:column;padding:1em}.container-sujet h2{width:76%!important}}@media screen and (max-width:990px){.container-forum{align-items:center;flex-direction:column;padding:1em}.troisieme-bloc-sujet{margin-bottom:1em;order:-1}.comment-item .Auteur{font-size:1.2em}.bouton-forum{right:4em;top:50%}}.forum-h1{font-size:5.5em!important;text-decoration:underline}.container-forum{display:flex;font-size:2em;gap:1em;margin:1em auto;width:80%}.colonne-container-forum{display:flex;flex:1;flex-direction:column;height:100%;margin-bottom:15px}.premier-bloc-forum{align-items:center;background-color:#f7deaa6b;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;width:37%}.deuxieme-bloc-forum,.premier-bloc-forum{box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-bottom:20px;padding:10px}.deuxieme-bloc-forum{background-color:#5a86a1;border:2px solid #000;border-radius:15px;color:#fff;cursor:pointer}.deuxieme-bloc-forum h2,.premier-bloc-forum h2,.troisieme-bloc-forum h2{margin:0!important;text-decoration:underline}.deuxieme-bloc-forum h2{font-size:2em}.troisieme-bloc-forum{background-color:#f7deaa6b;border:2px solid #264143;border-radius:20px;border-radius:15px;box-shadow:3px 4px 0 1px #4184c9;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-bottom:20px;padding:10px;position:relative}.premier-bloc-forum ul{display:flex;flex-direction:column;gap:2em;list-style-type:none;margin-top:2em;padding:0}.premier-bloc-forum ul li{border:2px solid transparent;border-radius:15px;color:#000;padding:5px}.premier-bloc-forum ul li a{color:#000;font-weight:700;text-decoration:none}.premier-bloc-forum ul li a.active{border:2px solid #5a86a1;border-radius:15px;display:flex;justify-content:center;padding:5px}.troisieme-bloc-forum ul{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;gap:2em;list-style:none;margin-top:2em;padding:0}.troisieme-bloc-forum ul li{display:flex}.troisieme-bloc-forum ul li img{width:4em}.troisieme-bloc-forum ul li a{color:#000;text-decoration:none}.icone{margin-right:1em;width:2em}.title-with-info{align-items:center;display:flex;gap:10px}.tooltip-text{background-color:#333;font-size:17px;padding:8px 12px;white-space:nowrap;width:39em}.categorie span{background-color:#ffe893;border:1px solid #aed3ea;border-radius:5px;color:#000;display:inline-block;font-size:14px;font-weight:700;padding:2px 5px;position:absolute;right:1em}.modal{background-color:rgba(0,0,0,.5);height:100%;left:0;overflow:auto;top:0;width:100%;z-index:1000}.modal-content{background-color:#aed3ea!important;border:3px solid #000!important;border-radius:30px!important;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:15% auto;position:relative!important;width:55%!important}.modal-content .close{background-color:#ffe893;border:2px solid #000;border-radius:15px;cursor:pointer;float:right;font-size:28px;font-weight:700;padding:5px;position:absolute;right:1em;width:fit-content}.modal-content .close:focus,.modal-content .close:hover{color:#000;text-decoration:none}.modal-content form{display:flex;flex-direction:column;gap:1em;margin:0 auto;padding:2em;width:300px}.modal-content select,input{border-radius:15px;padding:.5em;position:relative}.create-btn{background-color:#5a86a1;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;margin-top:1em;padding:10px 20px}@media screen and (max-width:1206px){.container-forum{flex-direction:column}.premier-bloc-forum{order:3;width:100%}.premier-bloc-forum ul,.troisieme-bloc-forum ul{gap:.5em}.premier-bloc-forum h2{margin-bottom:-1em!important}.deuxieme-bloc-forum{order:1}.deuxieme-bloc-forum h2{font-size:1.5em}.troisieme-bloc-forum{justify-content:center;order:2}}main{background-color:#f7f4ef}.container>h1{font-size:3.5em!important;margin-bottom:2em;text-decoration:underline}.container .images{width:9em}.bouton{background-color:#5a86a1;border:2px solid #000;border-radius:15px;color:#fff;cursor:pointer;font-size:1em;padding:6px;text-decoration:none}.bouton2{background-color:#ffe893;border:2px solid #5a86a1;border-radius:15px}.bouton2,.bouton3{color:#000;cursor:pointer;font-size:1em;padding:6px;text-decoration:none}.bouton3{background-color:#d4edfd}.bouton3,.bouton4{border:2px solid #000;border-radius:15px}.bouton4{background-color:#d2252566;color:#000;cursor:pointer;font-size:.5em;padding:6px;text-decoration:none}input{border:2px solid #000;border-radius:15px;padding:5px}.btn-danger{background-color:#dc354563!important;border:2px solid #000!important;border-radius:15px!important;color:#000!important}.container a:hover{color:#000}.card-body .bouton{background-color:#5a86a1;border:2px solid #000;border-radius:15px;color:#fff;cursor:pointer;font-size:1em;padding:6px}.card{background-color:#f7deaa6b!important;border:2px solid #264143!important;border-radius:20px!important;box-shadow:3px 4px 0 1px #4184c9!important}.admin-cards{font-size:2em!important;margin-top:3em!important}.form-admin{display:flex;flex-direction:column;gap:1em;width:300px}.text-end{gap:10px}.admin-dashboard .list-group,.admin-dashboard table{background-color:#f5e8e3;border-radius:.5em;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.admin-dashboard .list-group-item,.admin-dashboard table td,.admin-dashboard table th{background-color:#f5e8e3}.admin-dashboard .admin-card{background:#f5e8e3;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.admin-dashboard .list-group-item{background:#f5e8e3;border:none;border-bottom:1px solid #eee}.only-mobile{display:none}@media (max-width:993px){.admin-dashboard table td,.admin-dashboard table th{display:flex;justify-content:center}.admin-dashboard table thead{display:none}.only-mobile{color:#5a86a1;display:block;font-size:large;margin-right:.5rem}}body{background-color:#f7f4ef;color:#264143;font-family:Arial,sans-serif;margin:0;padding:0}.notification-h1{font-size:5.5em!important;text-decoration:underline}.notifications{font-size:2em}.ul{list-style-type:none;padding:0;width:50%}.ul li{border-bottom:1px solid #ccc;list-style:none;padding:10px}.ul li a{color:#264143;font-weight:700;text-decoration:none}.message-lu{color:gray;font-style:italic}.message-non-lu{color:red!important;font-weight:700}.notifications .date{background-color:#ffe893;border:1px solid #aed3ea;border-radius:5px;color:#000;display:inline-block;font-size:.5em;font-weight:700;padding:2px 5px}.ul li:nth-child(2n){background-color:#f7dfaa8f}body,html{overflow-x:hidden;overflow-y:auto}main{min-height:83vh}.edit-h1,.profil-h1{color:#5a86a1;font-size:4em;text-decoration:underline}.edit-profil{background-color:#f5e8e3;border:2px solid #000;border-radius:15px;display:flex;flex-direction:column}.edit-profil,.modifier{align-items:center;font-size:2em}.modifier{background-color:#795548;border:1px solid #ffe793;border-radius:5px;color:#fff;display:inline-flex;font-weight:700;margin-top:40px;padding:2px 5px}.form-profil{color:#5a86a1;font-size:1em;margin-bottom:.5em}.form_dog{font-size:1.5em;width:6em}.container-profil h2{margin-bottom:1em;text-decoration:underline}.container-profil{display:flex;font-size:2em;gap:1em;margin:2em auto;width:80%}.photo-profil img{width:10em}.colonne-container-profil{display:flex;flex:1;gap:1em;height:100%;margin-bottom:15px}.deuxieme-bloc-profil,.premier-bloc-profil,.troisieme-bloc-profil{align-items:center;background-color:#f7deaa6b;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;margin-bottom:20px;padding:10px}.photo-profil{border-radius:50%;margin-bottom:1em;width:10em}.deuxieme-bloc-profil ul,.troisieme-bloc-profil ul{list-style:none}.container-profil .titre{color:#5a86a1}.container-profil a,.container-profil a:hover{color:#000;cursor:pointer;text-decoration:none}.container-profil .date{background-color:#ffe893;border:1px solid #aed3ea;border-radius:5px;color:#000;display:inline-block;font-size:.7em;font-weight:700;padding:2px 5px}#profil{font-size:1.5em;padding:0 20px;text-align:left;width:100%}.form-input-profil{font-size:1em;margin-bottom:.5em}.info-line{align-items:center;display:flex;gap:8px}.info-icon{align-items:center;background-color:#1677ff;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;height:30px;justify-content:center;margin-left:8px;position:relative;width:30px}.tooltip-text{background:#333;border-radius:6px;bottom:130%;color:#fff;font-size:26px;left:50%;opacity:0;padding:8px 10px;position:absolute;text-align:center;transform:translateX(-50%);transition:.3s ease;visibility:hidden;width:26em}.info-icon:hover .tooltip-text{opacity:1;visibility:visible}.bouton-profil{background-color:#ffe893;border:2px solid #5a86a1;border-radius:15px;color:#000;cursor:pointer;font-size:2em;margin:0 auto 1em;padding:6px;text-decoration:none;width:fit-content}.dog-block{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:10px}.modal{background:rgba(0,0,0,.5);display:none;inset:0;position:fixed;z-index:9999}.modal-content{background:#fff;border-radius:12px;margin:8% auto;max-width:500px;padding:20px;position:relative;width:90%!important}.modal-content h3{text-decoration:underline}.close{cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}.form_dog{border:2px solid #264143;border-radius:4px;box-shadow:3px 4px 0 1px #3f51b5;font-size:.5em;outline:none;padding:12px 10px;width:13em}.dog-form{margin-bottom:15px}.dog-form,.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-actions{justify-content:space-between;margin-top:20px}@media screen and (max-width:2800px){.container-profil{flex-direction:column}}body,html{height:100%;margin:0;padding:0;transition:opacity .5s ease-in-out}main{align-items:center;background-color:#f7f4ef!important;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:26em 5px 5em;width:100%}.container-legal,main{display:flex;flex-direction:column;text-align:center}.container-legal{background-color:#f7deaa;border:2px solid #264143;border-radius:20px;box-shadow:3px 4px 0 1px #4184c9;height:auto;justify-content:center;width:80%}.container-legal>h1{font-size:4.5em;font-weight:900;margin-top:20px;text-decoration:underline}.container-legal>h2{font-size:2.5em;font-weight:900;margin-top:20px}.container-legal>p,.container-legal>ul{font-size:1.5em;margin:20px}.container-legal>ul{list-style-type:none}.btn{background:#24bbf7!important;border:3px solid #3f51b5!important;box-shadow:3px 3px 0 0 #3f51b5;font-size:23px!important;font-weight:800;margin:25px 0;padding:15px;width:290px}.btn:hover{opacity:.9}