@font-face {font-family: 'Roboto';src: url('fonts/Roboto/Roboto-Regular.ttf');}
@font-face {font-family: 'Nunito';src: url('fonts/Nunito/Nunito-Regular.ttf');}
@font-face {font-family: 'Nunito-Bold';src: url('fonts/Nunito/Nunito-Bold.ttf');}
@font-face {font-family: 'Source_Sans_3';src: url('fonts/Source_Sans_3/SourceSans3-Regular.ttf');}
@font-face {font-family: 'Source_Sans_3-Bold';src: url('fonts/Source_Sans_3/SourceSans3-Bold.ttf');}
/* Général */
body{background-repeat: no-repeat;background-attachment: fixed;background-size: initial;background-position: center;font-family: 'Nunito', sans-serif;}
body.Light{background-color:#e9ecef;}
body.Gray{background-color:#6c757d;}
body.Dark{background-color:#212529;}

body.degLight{background: linear-gradient(#fff, #727272);}
body.degGray{background: linear-gradient(#c5c5c5, #383838);}
body.degDark{background: linear-gradient(#43494e, #212529);}

body.imgLight{background-image: url(img/ensam-blanc.jpg);}
body.imgGray{background-image: url(img/ensam-gris.jpg);}
body.imgDark{background-image: url(img/ensam-noir.jpg);}
body.imgEnsam{background-image: url(img/fond-ensam.jpg);}

body.imgelf{background: linear-gradient(#fff, #727272);background-image: url(img/ELF-coul_blanc.png);background-repeat: no-repeat;background-position: center;
    background-size: cover;background-attachment: fixed;}
body.imgjenii{background: linear-gradient(#fff, #727272);background-image: url(img/logo_JENII2.png);background-repeat: no-repeat;background-position: center;
    background-size: initial;background-attachment: fixed;}

h3{padding: 0px !important;margin: 0px !important;}
a{text-decoration: none !important;}
a:hover{font-weight: bold !important;}

hr{background-color: #ffa300;}
hr.violet {background-color: #80276C;}
hr.dark {background-color: #333;}
hr.gray {background-color: #cdcdcd;}
ol {list-style-type: circle;}
.overflow-y{overflow-y: hidden !important;}

.txt-center{text-align: center !important;}
.txt-justi{text-align: justify !important;}
.txt-bold{font-weight: bold !important;font-family: 'Nunito-Bold', sans-serif;}
.txt-norm{font-weight: normal !important;}
.txt-ital{font-style: italic !important;}
.txt-upper{text-transform: uppercase !important;}
.txt-10{font-size: 10px !important;}
.txt-12{font-size: 12px !important;}
.txt-14{font-size: 14px !important;}
.txt-16{font-size: 16px !important;}
.txt-18{font-size: 18px !important;}
.txt-20{font-size: 20px !important;}
.txt-22{font-size: 22px !important;}
.txt-24{font-size: 24px !important;}
.txt-28{font-size: 28px !important;}

.larg20{width:20px !important;}
.larg30{width:30px !important;}
.larg40{width:40px !important;}
.larg50{width:54px !important;}
.larg60{width:60px !important;}
.larg65{width:65px !important;}
.larg70{width:70px !important;}
.larg80{width:80px !important;}
.larg85{width:85px !important;}
.larg100{width:100px !important;}
.larg110{width:110px !important;}
.larg120{width:120px !important;}
.larg130{width:130px !important;}
.larg140{width:140px !important;}
.larg145{width:145px !important;}
.larg150{width:150px !important;}
.larg160{width:160px !important;}
.larg165{width:165px !important;}
.larg180{width:180px !important;}
.larg200{width:200px !important;}
.larg250{width:250px !important;}
.larg280{width:280px !important;}
.py-02{padding-top: 2px !important;padding-bottom: 2px !important;}
*+p.public {margin-top: 0.5rem;}
.typosign{font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive !important;font-size: 20px !important;font-weight: normal !important;line-height: 1.1;}

.bd-tl-rad{border-top-left-radius: 8px 8px;}
.bd-tr-rad{border-top-right-radius: 8px 8px;}
.bd-bl-rad{border-bottom-left-radius: 8px 8px;}
.bd-br-rad{border-bottom-right-radius: 8px 8px;}
.bd-b-rad{border-bottom-right-radius: 8px 8px;border-bottom-left-radius: 8px 8px;}

.bdr-10{border-radius: 10px;}
.dispnone{display: none !important;}

.txt-dark{color:#333 !important;}
.vert-top{vertical-align: top !important;}
.vert-mid{vertical-align: middle !important;}

.cursor{cursor: pointer;}
.nocursor{cursor: default;}
.button.nocursor{cursor: default;}

.float-left{float: left !important;}
.float-right{float: right !important;}

.margtop-1{margin-top: -1px;}

.radtopL{border-top-left-radius: 10px !important;}
.radtopR{border-top-right-radius: 10px !important;}
.radbotL{border-bottom-left-radius: 10px !important;}
.radbotR{border-bottom-right-radius: 10px !important;}

.marg-r-2{margin-right:2px !important;}

.button.mini {height: 1.39875rem;line-height: 1.39875rem;}

.bg-blancT{background-color:rgba(255,255,255,0.5) !important;}
.bg-blancT75{background-color:rgba(255,255,255,0.75) !important;}
.bg-blanc{background-color:#fff !important;}
.bg-gris{background-color:rgba(0,0,0,0.10) !important;}
.border, .bd-default {border-color: #cdcdcd;}
.bd-ensam {border-color: #80276C !important;}
.bg-ensam {background-color: #80276C !important;}
.bg-ensamT {background-color: rgba(128, 39, 108, 0.9) !important;}
.fg-ensam {color: #80276C !important;}
.bd-ensam-o {border-color: #ffa300 !important;}
.bg-ensam-o {background-color: #ffa300 !important;}
.bg-ensam-oT {background-color: rgba(255, 163, 0, 0.9) !important;}
.fg-ensam-o {color: #ffa300 !important;}

.shadow-ext1{box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);}
.shadow-ext2{box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);}
.shadow-int{box-shadow:inset 0px 0px 2px 1px rgba(0,0,0,0.15);}
.shadow {box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .20) !important;}

.alert-exist{text-align:center;color:#b00020;font-weight:700;margin-bottom:0px;border: 1px solid #b00020;background-color: #f3d9dc;border-radius: 6px;}
.invalid_feedback{font-size: 12px;text-align: center;}

#canvasqr {background-image:repeating-linear-gradient(-45deg,transparent 0 10px, rgb(235, 235, 235) 10px 20px);}

.titre-trav{margin:0px 0px 5px 0px;font-size: 16px !important;font-weight: bold !important;padding: 0px 5px 0px 5px !important;border: 1px solid #80276C !important;border-radius: 6px !important;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15) !important;color:#80276C;background-color: rgb(252, 239, 216) !important;text-align: center;}
.titre-trav-2{margin:0px 0px 5px 0px;font-size: 16px !important;font-weight: bold !important;padding: 0px 5px 0px 5px !important;border: 1px solid #ffa300 !important;border-radius: 6px !important;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15) !important;color:#80276C;background-color: rgb(255, 255, 255) !important;text-align: center;}

/* Recherche */
.search #searchPjt{border-radius: 6px !important;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15) !important;}
.search #searchPjt::placeholder{text-align: center;font-size: 16px !important;font-style: italic !important;}
.search .input{border: 1px solid #80276C !important;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);margin-bottom: 5px;}
/* Login box */
.login-box{width:550px;top:50px;margin: 0px auto;background-color:rgba(255,255,255,1) !important;border-radius: 0.5em;}
.login-mess{width:550px;top:50px;margin: 0px auto;background-color:rgba(255,255,255,0.85) !important;border-radius: 0.5em;}
.login-mess2{width:550px;height:330px;top:50px;margin: 0px auto;background-color:rgba(255,255,255,0.85) !important;border-radius: 0.5em;}
.logoacc{height:90px;width:90px;background-color:#fff;background-image: url(img/logo_ELF_120.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
.decon-box{width:550px;top:50px;margin: 0px auto;background-color:rgba(255,255,255,1) !important;border-radius: 0.5em;}

.logo-reclassif {width: 50px;height: 50px;text-align: center;margin-bottom: 5px;border-radius: 50%;border:2px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.logo-reclassif img.reclassif{border-radius: 50%;}
.logo-sif {width: 50px;height: 50px;text-align: center;margin-bottom: 5px;border-radius: 50%;border:2px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.logo-sif img.sif{border-radius: 50%;}
.logo-jenii {width: 50px;height: 50px;text-align: center;margin-bottom: 5px;border-radius: 50%;border:2px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.logo-jenii img.jenii{border-radius: 50%;}
/* Charms */
.charms{color: inherit;}
#opacity-charms{min-width:350px;padding: 10px 10px;}

/* Alert Box Remark */
.remark{margin:5px 10px 0px 10px;padding: 6px 10px;border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;}
.remark.dark{box-shadow: inset 0 0 0 1px #505050;color:#505050 !important;}
.remark.secondary{box-shadow: inset 0 0 0 1px #607D8B;color:#607D8B !important;}
.remark.primary{box-shadow: inset 0 0 0 1px #0366D6;color:#0366D6 !important;}
.remark.info{box-shadow: inset 0 0 0 1px #5EBDEC;color:#5EBDEC !important;}
.remark.alert{box-shadow: inset 0 0 0 1px #CE352C;color:#CE352C !important;}
.remark.warning{box-shadow: inset 0 0 0 1px #FF9447;color:#FF9447 !important;}
.remark.yellow{box-shadow: inset 0 0 0 1px #FFE484;color:#FF9447 !important;}
.remark.success{box-shadow: inset 0 0 0 1px #60A917;color:#60A917 !important;}

.alerte {width:680px;padding:16px;margin:50px auto 0px auto;background-color: rgba(248,215,218,0.9);border:1px solid #f1aeb5;border-radius: 10px;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);}
.alerte .titlealert {font-size: 26px;color: #CE352C;text-transform: uppercase;}
.alerte p{font-size: 20px;}
.alerte a{margin-top: 14px;}

.endevel{background-color: #f9c5c5 !important;color:#d11c1c;border:1px solid #d11c1c;border-radius: 6px;padding: 2px 10px 2px 10px !important; text-align: center;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);}
.attention{background-color: #ffcbaf !important;color:#be5c01;border:1px solid #d1741c;border-radius: 6px;padding: 2px 10px 2px 10px !important; text-align: center;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.10);}

/* Scrollbar */
.scrollbar-type-1 ::-webkit-scrollbar {width: 8px !important;}
.scrollbar-type-1 ::-webkit-scrollbar-thumb {background-color: rgba(101,95,95,.71) !important;}
.scrollbar-type-1 ::-webkit-scrollbar-track {background-color: #e8e8e8 !important;}
.navview-pane ::-webkit-scrollbar-track {background-color: #212529 !important;}
.sb-cyan ::-webkit-scrollbar-thumb {background-color: #ffa300!important;}

/* Quill Editor */
.ql-toolbar {border-radius: 6px 6px 0px 0px !important;padding: 2px 8px !important;}
.ql-container {border-radius: 0px 0px 6px 6px !important;}
.ql-editor {min-height: 150px;min-height: 150px;max-height: 400px;overflow-y: auto;}

/* Boutons */
.button{font-size:16px;border-radius: 0.375rem;}
.btn-conf {width: 95%;height:80px;line-height:80px;font-size: 18px;border-radius: 14px !important;border: 4px solid #fff !important;color:#fff;text-transform: uppercase;}
.btn-conf .icon {font-size: 34px;margin: 0px !important;}
.btn-conf .caption {width: 100%;}
.badgebtn{font-size: 12px;min-width: 55px;height: 20px;line-height: 14px;padding: 3px 6px;border-radius: 4px;cursor: pointer;text-align: center; display: inline-block;}
.btnbadge{border-radius: 6px;}
.button.alert {margin-top:0px !important;}

.bad-trv{line-height: 12px !important; height: 15px !important;}

.btn-group{margin-left: 2px;}
.btn-group.no-gap .button{margin-left: -2px;margin-right: -2px;}
.btn-group .button.btn-first{border-top-left-radius: 6px 6px !important;border-bottom-left-radius: 6px 6px !important;background-color: #ffdb9c;color:#80276C !important;}
.btn-group .button.btn-last{border-top-right-radius: 6px 6px !important;border-bottom-right-radius: 6px 6px !important;border: 1px solid #ffa300 !important;background-color: #ffdb9c;color:#80276C !important;}
.btn-group .button.btn-reste{border-top: 1px solid #ffa300 !important;border-bottom: 1px solid #ffa300 !important;border-left: 1px solid #ffa300 !important;background-color: #ffdb9c;color:#80276C !important;}
.btn-group .button.btn-print{background-color: #5ebdec !important;color: #fff !important;}

.btn-group .button{height:26px;line-height:26px;font-size:14px;padding: 0px 6px;margin:0px 0px;border-radius: 0px !important;}
.btn-group .button:hover{border: 1px solid #ffa300 !important;color:#ffa300;background-color: #fff;}
.btn-group .button .txt-pill{margin-left: 4px !important;}
.btn-group .button.active {color:#80276C;border: 1px solid #80276C !important;background-color: #fff;}

#menutrav.btn-group {margin-left: 0px;}
#menutrav.btn-group .button:hover{color:#80276C;background-color: #fff;}
#menutrav.btn-group .button.btn-first{border: 1px solid #bebebe;margin-right: -3px;}
#menutrav.btn-group .button.btn-last{margin-left: -3px;background-color: #ebebeb;border: 1px solid #bebebe !important;}
#menutrav.btn-group .button.btn-reste{background-color: #ebebeb;border-top: 1px solid #bebebe !important;border-bottom: 1px solid #bebebe !important;border-left: 1px solid #bebebe !important;}
#menutrav.btn-group .button.active{color:#fff !important;background-color: #80276C !important;border-color: #ffa300 !important;font-weight: lighter !important;}

#menutrav.btn-group .button.pasresp{color:#000000;background-color: #f9c5c5 !important;border-color: #d11c1c !important;font-weight: lighter !important;}
#menutrav.btn-group .button.pasresp.active{color:#fff;background-color: #d11c1c !important;border-color: #ffa300 !important;font-weight: lighter !important;}

#menuqrc.btn-group .button{font-size:14px;margin-right:2px;border: 1px solid #bebebe !important;border-radius: 6px !important;}
#menuqrc.btn-group .button:hover{border: 1px solid #80276C !important;color:#80276C;background-color: #ffa300;}
#menuqrc.btn-group .button.active{color:#fff;background-color: #80276C;}

/* Header */
#barrehaute{height:42px;min-height:42px;line-height:42px;}
#logo-elf, #logo-jenii{background-color: transparent !important;border: none;margin: 0px !important;padding: 0px !important;cursor: pointer;}
#logo-elf img,#logo-jenii img{margin: 0px 4px;border-radius: 4px;height: 28px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.app-bar-container .avatar1 {width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px;font-size: 20px;overflow: hidden;}
.user-block .avatar2 {width: 120px;height: 120px;margin:0 auto;border-radius: 50%;font-size: 60px;line-height: 120px;overflow: hidden;border:2px solid #fff;}

/*
.btndegra {background: -moz-linear-gradient(top, #B13695 0%, #80276C 100%);}
.btndegra {background: -webkit-linear-gradient(top, #B13695 0%, #80276C 100%);}
.btndegra {background: linear-gradient(to bottom, #B13695 0%, #80276C 100%);}
*/
.navview{background-color: transparent;}
.navview .navview-pane {z-index: 600;}
.navview-pane{background-color: #e8e8e8 !important;border-right: 1px solid #cdcdcd;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);}
.navview-pane .suggest-box{background-color: #e8e8e8  !important;}
.app-bar-container{height:42px !important;min-height:42px !important;line-height:42px !important;}
.app-bar .app-bar-button, .app-bar .app-bar-container, .app-bar .app-bar-item, .app-bar .brand {height:42px !important;line-height:42px !important;}
.app-bar .app-bar-item{background-color: #ffa300;}
/* Menu */
#titre-elf{font-size: 22px;padding: 0px 10px 0px 0px;height:42px;line-height: 40px;}
#titre-elf .titre-logo{height:28px;margin:1px 1px 6px 4px;border-radius: 4px;}
.navview .pull-button {width:48px !important;height: 42px;width: 42px;}
.navview.compacted .navview-menu .navview-menu, .navview.js-compact:not(.expanded) .navview-menu .navview-menu {width: 280px;max-width: 280px;}
.navview .navview-menu {background-color: transparent;}
.navview .navview-menu .item-header {font-size: 12px;padding-left:8px;height:28px;line-height: 28px;}
.navview .navview-menu li a {color: #fff;background-color: transparent;}
.navview .navview-menu li.active a {background-color: transparent;}
.navview .navview-menu li.active::before {height: 40px; top:0px;}
.navview .navview-menu li a:hover {color: #fff;background-color: transparent;}
.navview .navview-menu li a:hover .icon{background-color: transparent;}
.navview .navview-menu li a:hover .caption{font-weight: bold !important;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}
.navview .navview-menu li.active .icon{border-bottom-right-radius: 6px;border-bottom-right-radius:6px;}
.navview .navview-menu li .caption{margin-left:6px;padding-left:4px !important;width:230px;border-radius: 6px;background-color: #fff !important;}
.navview .navview-menu li.active .caption{font-weight: bold;}
.navview .navview-menu .dropdown-toggle::after {right: 2px;border-bottom-right-radius: 4px;}
.navview .suggest-box .input, .navview .suggest-box .select, .navview .suggest-box .textarea {border-radius: 6px;}

.navview .navview-menu .dropdown-toggle.active-toggle::after {right: 2px;}
.navview.compacted .navview-menu .icon>*{font-size: 20px;position: absolute;top:10px;left: 12px;}
.navview .navview-menu .icon>*{font-size: 20px;position: absolute !important;top:10px;left: 13px;}
.navview-menu .btn-menu-g{background-color:#fff !important;border-radius: 6px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.navview-menu li.active .btn-menu-g{border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:0px;border-top-left-radius:0px;}
.navview-menu .btn-menu-g.btn-vr{background-color:#1d8190 !important;border-radius: 6px;border:2px solid #fff;color: #fff !important;}
.navview .navview-menu .dropdown-toggle.drop-vr::after {border-bottom-color: #fff !important;}

.navview .navview-menu .navview-menu li.active::before {height: 24px; top:-2px;left: 2px;}
.navview .navview-menu .navview-menu {padding:4px;background-color: #cdcdcd !important;border-top-right-radius: 6px;border-bottom-right-radius: 6px;z-index: 2147483647 !important;box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.25);}
.navview.compacted .navview-menu .navview-menu .icon{height: 24px;line-height: 24px;width: 28px;}
.navview.compacted .navview-menu .navview-menu .item-header {font-size: 12px;padding-left:8px;height:28px;line-height: 28px;border-radius: 6px;}
.navview .navview-menu .navview-menu .icon{height: 24px;line-height: 24px;width: 28px;background: #fff;margin-bottom:4px;border-radius: 6px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.navview .navview-menu .navview-menu .icon>*{font-size: 16px;position: absolute !important;top:0px;left: 5px;}
.navview .navview-menu .navview-menu li{margin-bottom:4px;}
.navview .navview-menu .navview-menu li a{line-height: 24px;height: 24px;}

.navview.compacted .navview-pane .item-header {height:5px;display: block !important;}
.navview.compacted .navview-pane .item-header>*{display: none;}

/* Body */
#content-wrapper{margin-top:10px;}
#content-wrapper .h4 {font-size:18px;height:34px;line-height:32px;text-align:center;text-transform:uppercase;border: 1px solid #fff;padding: 0px 5px; border-radius: 10px; border: 1px solid #fff; margin-bottom: 0px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);}
.navview .navview-content {padding-top: 32px;background-color: transparent;}

/* EMAIL */
.email-read{padding:5px;border:1px solid #cdcdcd;border-radius:10px;}

/* Toutes les Box */
.icon-box .icon>*{width: 100%;}
.icon-box .ico3>*{font-size: 35px;width: 100%;margin-top: 10px;}
.icon-box .ico4>*{font-size: 20px;width: 100%;margin-top: 25px;}
.icon-box, .more-info-box, .skill-box, .social-box, .panel {border-radius: 10px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);}
.icon-box.box60{height:60px !important;}
.icon-box.box70{height:70px !important;}
.icon-box.box40{height:40px !important;}
/*
.more-info-box{border-radius: 10px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);}
.skill-box{border-radius: 10px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);}
.social-box {border-radius: 10px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);}
*/

.boxacc.icon-box {height:50px;}
.boxacc.icon-box .icon{height:48px;width:48px;}
.boxacc.icon-box i{font-size: 24px;line-height:44px;}
.boxacc.icon-box .content{padding: 4px 10px;line-height:40px;}
.boxacc.icon-box  .nombacc{height:44px;width:80px;line-height:44px;text-align: center;border-radius: 8px;margin: 2px 2px;font-size: 20px;}

/* Page PUBLIC */
.info-button.dashbtn{width:100%;height:24px;line-height:24px;border-radius: 6px;display: block;background-color: #fff;}
.info-button.dashbtn i{font-size: 11px;margin-right: 2px !important;}
.info-button.dashbtn .button{padding:0px 0px 0px 2px;line-height:22px;font-size: 11px;font-weight: bold !important;}
.info-button.dashbtn .button.btnvide{font-weight: normal !important;}
.info-button.dashbtn .info{font-size: 11px;line-height:24px;float:right;width:24px;text-align: center;padding: 0px 3px;}

#pagepublic .bullet-small{height:15px;width:15px;}
#pagepublic .icon-box {height:24px;}
#pagepublic .icon-box .icon{height:23px;width:23px; border: 0px;}
#pagepublic .icon-box .icon.ico3{height:56px;width:56px;border: 1px solid #ffffff;}
#pagepublic .icon-box i{font-size: 12px;line-height:16px;}
#pagepublic .icon-box .ico3 i{font-size: 35px;width: 100%;margin-top: 0px;line-height: 45px;}
#pagepublic .icon-box .content{padding: 4px 5px 4px 5px;}
#pagepublic .img-container .image-overlay {height:54px;width:54px;padding: 0px;background-color: rgba(255, 163, 0, .7);margin-top: 0px;}

#pagepublic.pagesearch .bullet-small{height:15px;width:15px;}
#pagepublic.pagesearch .icon-box {height:90px;}
#pagepublic.pagesearch .icon-box .icon{height:86px;width:86px;border:1px solid;margin:2px 0 0 2px !important;}
#pagepublic.pagesearch .icon-box .icon.ico3{height:56px;width:56px;border: 1px solid #ffffff;}
#pagepublic.pagesearch .icon-box i{font-size: 12px;line-height:20px;}
#pagepublic.pagesearch .icon-box .ico3 i{font-size: 35px;width: 100%;margin-top: 0px;line-height: 45px;}
#pagepublic.pagesearch .icon-box .content{padding: 4px 5px 4px 5px;}
#pagepublic.pagesearch .img-container .image-overlay {height:54px;width:54px;padding: 0px;background-color: rgba(255, 163, 0, .7);margin-top: 0px;}

#pagepublic .listecomm .user-list li {width: 25%;text-align: center;flex-shrink: 0;padding: 5px;font-size: 12px;}
#pagepublic .listecomm .avatar {margin: 0px auto;width: 100%;max-width: 100px;height: auto;border-radius: 50%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);display: block;}
#pagepublic .listecomm .avatar1 {width: 100%;max-width: 100px;aspect-ratio: 1 / 1;font-size: calc(2vw + 10px);color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius: 50%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);}
#pagepublic .listecomm .avatar2 {width: 100%;max-width: 100px;aspect-ratio: 1 / 1;font-size: calc(2vw + 10px);color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius: 50%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);}

#pagepublic .card.cardslide {width:100% !important;}
#pagepublic .card-header  {border-radius:6px; }
#pagepublic .card-header .carousel {border-radius:6px; }
#pagepublic .card-header .carousel .slides .slide {border-radius:6px;background-position: center;}
#pagepublic .card-header .slide .slidenom {position: absolute;top: 5px;left:3px;}
#pagepublic .carousel .slides .slide {border-radius:8px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pagepublic .carousel .slides .slide .petitimg{width: 100%;height: auto;position: relative;}
#pagepublic .carousel .slides .slide .grandimg{width: 100%;height: auto;position: relative;}
#pagepublic .carousel .slides, #pagepublic .carousel .slide{height: 100%;}
#pagepublic .carousel.bannpjt {border-radius: 10px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
#pagepublic .carousel.bannpjt .slide span {text-transform: uppercase;padding: 2px 10px;border-radius: 6px;}
#pagepublic .carousel.bannpjt .slide .slidenom {position: absolute;top: 5px;left:3px;}
#pagepublic .carousel .carousel-switch-next, .carousel .carousel-switch-prev {margin-top: -2.8rem;}
#pagepublic .carousel .carousel-switch-next i, .carousel .carousel-switch-prev i{background-color: rgba(255,255,255,0.75);}

#projettemps .icon-box {height:90px;}
#projettemps .icon-box .icon.ico2{height:86px;width:86px;border: 1px solid #ffffff;}
#projettemps .icon-box .ico2 i{font-size: 45px;width: 100%;margin-top: 0px;line-height: 45px;}
#projettemps .icon-box .content{padding: 4px 0px 4px 0px;}
#projettemps .img-container .image-overlay {height:84px;width:84px;padding: 0px;background-color: rgba(255, 163, 0, .7);}

.icon-box .titrebox{font-size: 12px;text-align: justify;color: #333;}

.embed-container{border-radius:8px;}
.yt-wrap{position:relative; width:100%; aspect-ratio:16/9; background:#000}
.yt-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.yt-wrap .yt-logo{position:absolute; right:12px; top:12px; height:30px;border-radius: 3px;opacity: 0.5;}
.yt-overlay{position:absolute; inset:0;}
.yt-unlocked .yt-overlay{display:none;}
.yt-locked .yt-overlay{display:block;pointer-events:auto;cursor:pointer;}

/* More-Box */
.more-info-box{border:1px solid #dfdfdf;}
.more-info-box .more{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

/* Skill_Box */
.skill-box{border:1px solid #dfdfdf!important;}
.skill-box .header{border-radius: 8px;}
.skill-box .header .avatar {border: 2px solid #dfdfdf;height: 64px;line-height: 64px;text-align: center;color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));}

/* Data Box */
.suggest-box .avatar {border: 2px solid #dfdfdf;height: 32px;line-height: 32px;text-align: center;color: #fff;}

/* Social-Box */
.social-box {border:1px solid #dfdfdf!important}
.social-box .header {border-radius: 8px;}

/* Stepper */
.stepper {margin: 0px;}
.stepper .step {width:auto !important;height:26px;line-height:26px;padding: 0px 6px;background: #cdcdcd;color: #6a6a6a;}
.stepper .step span.step-label{display: inline;}
.stepper .step.complete {background-color: #ffa300;color: #80276C;border:1px solid #80276C;}
.stepper .step.current {background-color: #80276C;color: #fff;}
/* Stepper avec barre de progression */
.stepper.with-bar{position: relative;padding-top: 0px;}
/* Rail (fond) */
.stepper.with-bar::before{content:"";position:absolute;left: 0px;right: 16px;top: 10px;height: 6px;border-radius: 999px;z-index: 0;background: #cdcdcd;}
/* Barre remplie (progress) */
.stepper.with-bar .stepper-bar{position:absolute;left: 0px;top: 10px;height: 6px;border-radius: 999px;width: 0%;z-index: 1;transition: width .35s ease, left .35s ease;background: linear-gradient(90deg, rgba(255, 163, 0, 1),80%,rgba(128, 39, 108, 1));}
/* Les steps devant la barre */
.stepper.with-bar .step{position: relative;z-index: 2;}
@keyframes stepPulse{
  0%   { transform: scaleY(1);   opacity: 1; }
  50%  { transform: scaleY(1.6); opacity: .95; }
  100% { transform: scaleY(1);   opacity: 1; }
}

/* Panel */
.panel{border-radius: 10px;background-color: rgba(255,255,255,0.75);}
.panel .panel-title{border-bottom: none;background-color: rgba(255,255,255,1);border-radius: 8px;}
.panel .panel-title, .panel .panel-title .icon, .panel .panel-title .dropdown-toggle {height: 30px;line-height: 30px;}
.panel .panel-title .dropdown-toggle {background-color: rgba(200,200,200, 0.75);border-top-right-radius: 8px;}
.panel .panel-content {border-top: 1px solid #dfdfdf;}
.panel .panel-title .btn-custom {height: 20px !important;width:20px !important;margin-right: 4px;}
.panel .panel-title .btn-custom>* {line-height: 16px;height: 16px;font-size: 12px !important;}

/* Tabs */
.tabs{background-color:rgba(255,255,255,0);}
.tabs.tabs-wrapper.top.tabs-expand{background-color:rgba(255,255,255,0);}
.tabs.tabs-wrapper.top{background-color:rgba(255,255,255,1);border-radius: 6px 6px 0px 0px;}
.tabs.tabs-wrapper.top .expand-title{border-radius: 6px 6px 0px 0px;}
.tabs-expand>ul.tabs-list {border-color:#cdcdcd !important;}
.tabs>ul.tabs-list>li>a{border-radius: 6px 6px 0px 0px;padding: 4px 10px;}
.tabs>ul.tabs-list>li>a:hover{color: #ffa300;font-weight: normal !important;}
.tabs>ul.tabs-list>li {border-radius: 6px 6px 0px 0px;margin-right: 2px;background-color: rgba(200,200,200, 0.5);}
.tabs-expand>ul.tabs-list>li.active {border-color:#cdcdcd !important;color: #80276C;font-weight: bold;}
.radius-bas {border-radius: 0px 0px 6px 6px;}

/* Progress Bar */
.text-leader{font-size: 16px;}
.data-wrapper .progress {box-shadow:none;}
.progress {height:14px;border-radius: 7px;border: 1px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);z-index: 2;}
.progress .bar{border-radius: 7px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);z-index: 3;}
.progress .buffer{border-radius: 7px;box-shadow:inset 0px 0px 2px 1px rgba(0,0,0,0.25);background-color: #d1d1d1;}
.progress .value{left: 45% !important;color:#80276C !important;line-height: 12px !important; margin-top: 1px !important;}

.progress.progprojet {height:20px;border-radius: 10px;}
.progress.progprojet .bar{border-radius: 10px;}

.progress.gros {height:20px;border-radius: 10px;border: 1px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);background-color:  rgba(0, 0, 0, .25);}
.progress.gros .bar{border-radius: 10px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);z-index: 3;}
.progress.gros .buffer{border-radius: 10px;box-shadow:inset 0px 0px 2px 1px rgba(0,0,0,0.25);}
.progress.gros .buffer.bg-axe1-t{background-color: rgba(42,180,160,0.25) !important;}
.progress.gros .buffer.bg-axe2-t{background-color: rgba(232,35,123,0.25) !important;}
.progress.gros .buffer.bg-axe3-t{background-color: rgba(91,189,239,0.25) !important;}
.progress.gros .value {line-height:20px;position: absolute !important;left: 4% !important  ; top: 50%;right: 0px;color: #fff !important;font-weight: 600;z-index: 3;pointer-events: none;margin-left: 0px;}

#progtrav.progress .value {line-height:14px;position: absolute !important;left: 10%; top: 9px;right: 0px;font-weight: lighter;z-index: 6;pointer-events: none;margin-left: 0px;font-size: 12px;background-color: rgba(255, 255, 255, 0.9);color: #0d9a2e !important;width:30px;border-radius: 6px;text-align: center;}

#progtrav.progress .lebuffer {line-height:14px;position: absolute !important;left: 20% !important ; top: 2px;right: 0px;font-weight: lighter;z-index: 3;pointer-events: none;margin-left: 0px;font-size: 11px;width:30px;background-color: rgba(241,183,188,0.9);color: #ff0000 !important;border-radius: 6px;text-align: center;}
#progtrav.progress .buffer {background-color: rgba(241,183,188,0.9);}

.badgeprog{text-align: center;font-size: 12px;height:16px;color: #fff;padding: 1px 4px;border-radius: 4px;}
.badgeprog i{font-size: 10px !important;line-height: 12px !important;}

.slider {height:14px;border-radius: 7px;border: 1px solid #fff;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.slider .backside{height:12px;border-radius: 7px;background-color: #eee;}
.slider .complete{height:12px;background-color: #80276C;border-radius: 7px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);z-index: 2;}
.slider .marker{background-color: #ffa300;}

/* Icone custom */
.icopop{font-size: 40px;}
.popover.icon-popover{min-width: 80px;width: 80px;height: 80px;text-align: center;}
.icon-popover{width: 80px;height: 80px;border-radius:8px;}
.icon-popover .popover-content{padding-top: 5px;}

.popover {min-width: auto !important;padding: 6px 10px;border-radius: 6px;}
.popover-content img{border-radius: 6px;margin-bottom: 4px;}

/* Dialogue-Modal */
.dialog {top:42px !important;max-height: initial;}
.dialog-title{padding: 0px 24px;}
.dialog-title i.icodeb{width:20px;float:left;margin-top: 6px;font-size: 12px;padding:4px;margin-right:4px;border-radius:4px;background-color:#80276C;color: #ffffff !important;}
.dialog-title .icoconf{float:left;margin-top: 12px;font-size: 14px;}
.dialog .closer{top: 5px;right: 4px;}
/*.dialog .dialog-content {max-height: calc(100vh - 120px);overflow-y: auto;}*/
.dialog .dialog-actions {text-align: center;}

/* Dialog avec select Metro totalement visible (sans JS) */
.dialog.dialog-select-visible,
.dialog.dialog-select-visible .dialog-content,
.dialog.dialog-select-visible .dialog-content .row,
.dialog.dialog-select-visible .dialog-content [class*="cell-"]{overflow: visible !important;}
.dialog.dialog-select-visible .dialog-content{max-height: none !important;}
.dialog.dialog-select-visible .select .drop-container,
.dialog.dialog-select-visible .select .d-menu,
.dialog.dialog-select-visible .d-menu{z-index: 9999 !important;}

/* Timeline */
#timeline .vis-item.vis-box {border-radius: 6px;padding: 0px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);background-color: #fff;color:#80276C;border-color: #80276C;}
#timeline .vis-item.vis-range {width:auto !important;border-radius: 6px;padding: 0px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);background-color: #ffa300;color:#80276C;border-color: #80276C;}
#timeline .vis-item-content {padding: 2px 4px;height:36px;line-height: 32px;}
#timeline .vis-item.vis-dot {background-color: #80276C;border-color: #80276C;}
#timeline .vis-item.vis-line {background-color: #80276C;border-color: #80276C;border-width: 2px;}
#timeline .vis-item .vis-item-overflow {height:36px;line-height: 32px;}

/* Titre */
#butontitre h2{width:232px;padding-left:10px;font-size: 16px;}
#barretitre{height:40px;line-height:40px;margin: 10px 10px 0px 10px;border-radius:10px; border:1px solid #ffffff;background-color: rgba(200,200,200, 0.85);box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);}
#barretitre .cell-md-6{height:40px;line-height:40px;}
#barretitre h3{height:40px;line-height:40px;margin-left: 5px !important;}
#barretitre h4{height:36px;line-height:36px;margin: 0px !important;}
#barretitre small{color: #333333;}
#barretitre i.debico{margin-top: 5px;}
#barretitre .breadcrumbs{height:40px;line-height:35px;margin: 0px; background: transparent; }
#barretitre .breadcrumbs .breadcrumb-item a, #barretitre .breadcrumbs .page-item a, #barretitre .breadcrumbs .page-link {padding: .5rem .5rem;}

/* Table */
.table-component .prepend{border-top-left-radius: 0.375rem !important;border-bottom-left-radius: 0.375rem !important;}
.table-component .table-container {margin: 0px 0px 4px 0px;}
.table-info{text-align: left;font-size: 16px;}
.table-bottom .pagination{margin-bottom: 0px;}
.table-bottom .pagination .page-link{padding: .2rem .55rem;}
.table-bottom .pagination .page-item.active {
    background-color: #80276C !important;color: #fff !important;border-color: #c3c3c3 !important;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
}
.table.compact td{padding: 2px 4px;}
.thID{width: 40px !important;text-align: center !important;color:#AC1717 !important;}
.tdID{width: 40px !important;text-align: center !important;color:#AC1717 !important;font-size: 14px;}
.avatartab {width: 22px;height: 22px;border-radius: 50%;text-align: center;line-height: 22px;overflow: hidden;margin: 0px auto;color:#fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));}
.table.subcompact .td, .table.subcompact .th, .table.subcompact td, .table.subcompact th {padding: 3px 4px;}
.table .sortable-column:after, .table .sorting:after {color: #FF0000 !important;font-size: .9em !important;opacity: 1 !important;}

.table.tabtravetap{background-color: white;font-size: 14px !important;}
.table.tabtravetap th, .table.tabtravetap td{font-size: 14px !important;}
.table.tabtravetap.th-trav-middle thead th,
.table.tabtravetap.th-trav-middle thead td,
.table.tabtravetap.th-trav-middle .thead .th,
.table.tabtravetap.th-trav-middle .thead .td{
    vertical-align: middle !important;
}

#tabQRcode tr td:nth-child(4), #tabQRcode tr td:nth-child(7){text-align: center !important;}
#tabQRcode tr th:nth-child(9), #tabQRcode tr td:nth-child(9){text-align: right !important;width:81px;}
#tabQRcode tr td:nth-child(4) div.data-wrapper{width:100%;text-align: center !important;}
.table [class^="data-zone"] { padding: 1px 4px;border-radius: 6px;}

.bg-opera{background: #60a917 !important;color:#fff !important; border: none !important;}
.bg-encou{background: #ce352c !important;color:#fff !important; border: none !important;}
.bg-futur{background: #1ba1e2 !important;color:#fff !important; border: none !important;}
.bg-aucun{background: #818181 !important;color:#fff !important; border: none !important;}
.op-opera{background: rgba(96, 169, 23, 0.25) !important;color:#fff !important;}
.op-encou{background: rgba(206, 53, 44, 0.25) !important;color:#fff !important;}
.op-futur{background: rgba(27, 161, 226, 0.25) !important;color:#fff !important;}
.op-aucun{background: rgba(129, 129, 129, 0.25) !important;color:#fff !important;}

.bg-brou{background: rgba(108, 186, 235, 1) !important;}
.bg-camp{background: rgba(255, 0, 0, 1) !important;}
.bg-celf{background: rgba(255, 165, 0, 1) !important;}
.bg-codir{background: rgba(86, 203, 121, 1) !important;}
.bg-pub{background: rgba(128, 39, 108, 1) !important;}

.op-brou{background: rgba(108, 186, 235, 0.25) !important;}
.op-camp{background: rgba(255, 0, 0, 0.25) !important;}
.op-celf{background: rgba(255, 165, 0, 0.25) !important;}
.op-codir{background: rgba(86, 203, 121,0.25) !important;}
.op-pub{background: rgba(128, 39, 108,0.25) !important;}

.fg-brou{color: rgba(108, 186, 235, 1) !important;}
.fg-camp{color: rgba(255, 0, 0, 1) !important;}
.fg-celf{color: rgba(255, 165, 0, 1) !important;}
.fg-codir{color: rgba(86, 203, 121, 1) !important;}
.fg-pub{color: rgba(128, 39, 108, 1) !important;}

.bd-brou{border-color: rgba(108, 186, 235, 1) !important;}
.bd-camp{border-color: rgba(255, 0, 0, 1) !important;}
.bd-celf{border-color: rgba(255, 165, 0, 1) !important;}
.bd-codir{border-color: rgba(86, 203, 121, 1) !important;}
.bd-pub{border-color: rgba(128, 39, 108, 1) !important;}

.op-inactif{background-color: rgba(255, 0, 0, 0.25) !important;}
.op-actif{background-color: rgba(0, 255, 0, 0.05) !important;}

/* Projets */
.blocpjt{padding: 0px 8px;border-radius: 0.75rem;background-color:#fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}
/*.blocpjt.dateduree{height: 42px;line-height: 28px;}*/
.blocpjt_form{padding: 0px 8px !important;}
.titpjt{font-weight: bold;text-transform: uppercase;font-size: 12px;color: #80276C;}
.ecripjt{color: #333;}
.ecripjt p {margin-top: 5px !important;}

/* User List */
.user-list{justify-content: flex-start;margin: 0;padding: 0;list-style: none inside;display: flex;flex-flow: row wrap;align-items: center;}
.user-list li {width: 25%;text-align: center;flex-shrink: 0;padding: 10px;font-size: 12px;}
.user-list li .avatar{max-width: 100%;width: 100%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}

.drop-container .option-list .group-title{background-color:#ffa300;color:#80276C;text-transform: uppercase;padding: 3px 0px 3px 0px;text-align: center;}
.select .option-list a {height:24px;line-height:24px;padding: 0px 8px 0px 14px;}

#listecomm .user-list li {width: 25%;}
#listecomm a{color:#333;}
#listecomm .avatar {width: 105px;height:auto;line-height:100%;font-size: 36px;margin:0px auto;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}
#listecomm .avatar1 {height: auto;line-height: 100%;width: 100%;max-width: 100px;aspect-ratio: 1 / 1;font-size: calc(2vw + 5px);color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius: 50%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);}
#listecomm .avatar2 {height: auto;line-height: 100%;width: 100%;max-width: 100px;aspect-ratio: 1 / 1;font-size: calc(2vw + 5px);color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius: 50%;border: 2px solid #FFF;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);}
#listecomm .avatar2.avatar3 {font-size: 200% !important;}

/* Formulaire */
input {background-color: #f1f1f1 !important;}
.file, .input, .metro-input, .select, .textarea {background-color: #f1f1f1;border: 1px solid #c7c7c7!important;}
.input .prepend {background: #80276C;color: #fff;}
.input .append {background: #80276C;color: #fff;}
.textarea .prepend {background: #80276C;color: #fff;border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem;}

.file.input-small{height:28px;}
.file.input-small .append, .file.input-small .prepend {height: 26px;line-height: 26px;padding: 0 .5rem;font-size: .9rem;}
.file .button{height: 26px;line-height: 26px;}
.file .button>* {height: 20px;max-width: 20px;margin-top: 4px;}

input {background-color: #f1f1f1 !important;box-shadow: inset 0px 0px 4px 1px rgba(33,33,33,0.15) !important;border-radius: 0.375rem;}
textarea {background-color: #f1f1f1 !important;box-shadow: inset 0px 0px 4px 1px rgba(33,33,33,0.15) !important;border-radius: 0.375rem;}
.file, .input, .metro-input, .select, .textarea {
    background-color: #f1f1f1;border: 1px solid #c7c7c7!important;box-shadow: inset 0px 0px 4px 1px rgba(33,33,33,0.15) !important;border-radius: 0.375rem !important;
}
.color-picker.required, .file.required, .input.required, .metro-input.required, .select.required, .spinner.required, .tag-input.required, .textarea.required {/**/border:1px dashed #1ba1e2 !important;}
.color-picker.valid, .file.valid, .input.valid, .metro-input.valid, .select.valid, .spinner.valid, .tag-input.valid, .textarea.valid {border: 1px #60a917 solid !important;}
.metro-input.invalid, .file.invalid, .input.invalid, .textarea.invalid, .select.invalid, .tag-input.invalid, .spinner.invalid, .color-picker.invalid {border: 1px #CE352C solid !important;}
.checkbox.invalid {border: 1px #CE352C solid !important;}
.checkbox.valid {border: 1px #60a917 solid !important;}
.input.required{border-radius: 0.375rem;}
.input .prepend {border-top-left-radius: 0.300rem;border-bottom-left-radius: 0.300rem;}
.input .append  {border-top-right-radius: 0.300rem;border-bottom-right-radius: 0.300rem;}

.input.input-small .prepend.lienqrcgen  {background-color:#ffa300;color:#80276C;}

.inputnum{border: 1px solid #c7c7c7;height:26px;line-height:26px;text-align: center;}

li.checkaucun{background-color:#c7c7c7;color:#333;}
li.selecter{background-color:#ffa300;color:#fff;}

.myswitch .check::after {background: #80276C!important;border-color: #80276C!important;}
.myswitch input[type="checkbox"]:checked ~ .check {background: #80276C!important;}
.myswitch input[type="checkbox"]:checked ~ .check::after {border-color: #ffffff!important;background: #ffffff!important;}

.input.disabled input{background-color: #d5d5d5 !important;color:#CE352C !important;}
.select.disabled select, .select.disabled{background-color: #d5d5d5 !important;color:#CE352C !important;}

label{color: #80276C;}
.checkbox input[type=checkbox]:checked~.check {background-color: #80276C;}
.checkoran{border-color: #ffa300!important;}
.checkoran::before{border-color:#ffa300!important;}

.radio input[type=radio]:checked~.check {background-color: #80276C;}
.radiooran{border-color: #ffa300!important;}
.radiooran::before{border-color:#ffa300!important;}

.select.input-small .prepend{border-top-left-radius: 0.300rem;border-bottom-left-radius: 0.300rem;background-color:#80276C;color:#fff;padding: 0px 8px !important;}
.checkbox {height:30px;}
.checkbox .caption{color:#000;font-size: 14px;}
.checkbox input[type=checkbox]:disabled~.check {border-color: #d1d1d1 !important;background-color: #e9e9e9 !important;}
.ratab input{position: inherit;}
.ratab .stars {margin-left: -4px !important;}
.ratab .stars li{font-size: 16px;width: 0px; margin-right: 4px;}

.radiotrv input[type=radio]:checked~.check {background-color: #15752d !important;border-color: #0fc60f!important;}
.radiotrv .dark{color: #2b2b2b;}
.radiotrv .success{color: #0fc60f;}

.checkval input[type=checkbox]:checked~.check {background-color: #fff !important;border-color: #009500 !important;}
.checkval .dark{color: #2b2b2b;}
.checkval .success{color: #009500;font-weight: bold;}
.checkval::before{border-color:#009500 !important;}

.radio input[type=radio]:checked~.check.checkval {background-color: #009500;border-color: #084208 !important;}
.radio input[type=radio]:checked~.check.checkval::before{background-color: #fff;border-color:#fff !important;}
.radio input[type=radio]:checked~.check.checkvalno {background-color: #ea2012;border-color: #7b150d !important;}
.radio input[type=radio]:checked~.check.checkvalno::before{background-color: #fff;border-color:#fff !important;}

.checkbox input[type=checkbox]:checked~.check.checkpb {background-color: #fff !important;border-color:#ea2012!important;}
.checkpb{border-color: #009500 !important;}
.checkpb::before{border-color:#ea2012 !important;}
input.inputpb {border:1px solid #ea2012 !important;}
input.inputpb-ok {border: 1px solid #009500 !important;}

.inputnrj-ok input:read-only {background-color: #dddddd !important;box-shadow: inset 0px 0px 4px 1px rgba(33,33,33,0.15) !important;border-radius: 0.375rem;}
.inputnrj input {background-color: #ffffff !important;border-radius: 0.375rem;border: 1px solid #009500 !important;}

.table-search-block.input-small .input {height: 28px;}
.table-search-block.input-small .button {height: 26px;min-width: 26px;font-size: .9rem;padding: 0;}
.table-search-block.input-small .input-clear-button {width: 26px;padding: 0;}
.table-search-block.input-small .append, .table-search-block.input-small .prepend {height: 26px;line-height: 26px;padding: 0 .5rem;font-size: .9rem;}
.table-search-block.input-small .input input {height: 26px;font-size: .9rem;padding: 0 4px;line-height: 26px;}

.table-rows-block.input-small .select {height: 28px;}
.table-rows-block.input-small .select .append, .table-rows-block.input-small .prepend, .table-rows-block.input-small .select .select-input {height: 26px;font-size: .9rem;padding: 0 4px;line-height: 26px;}
.table-rows-block.input-small .select .dropdown-toggle, .table-rows-block.input-small>.button-group .select .button {height: 28px;width: 28px;}

/* Card */
.card {margin: 0px;border-radius: 6px;box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);}
.card-header .avatar {border-radius: 50%;}
.card.image-header .card-header {border-radius: 6px;}

#formutil .avatar{border: 2px solid #dfdfdf;font-size:28px;width: 82px;height: 82px;line-height: 82px;border-radius: 50%;text-align: center;margin:0px 12px !important;color: #fff;background: linear-gradient(0deg, rgba(128, 39, 108, 1), rgba(179, 108, 151, 1));box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.25);}
.file .prepend {border-radius: 6px;background-color: #80276C;color: #fff;}
.avatext{font-size:12px;margin-top:5px;padding-left:4px;border-radius: 6px;border: 2px solid #dfdfdf;}

/* Graphique */
.chart-cont{border:1px solid #cdcdcd;border-radius:8px;position: relative;}
#graphBudFin{width: 100% !important;height: 100% !important;display:block;}
.chart-box {position: relative;width: 100%;height: 380px;padding: 12px;border-radius: 6px;}
.chart-box-small {height: 360px;}
.chart-box canvas {width: 100% !important;height: 100% !important;}

/* Icon-Box */
.icon-box2 {height: 84px;width: 84px;border-radius: 10px;display: -webkit-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;background-color: #fff;}
.icon-box2 .icoimg{background-size: cover;background-repeat: no-repeat;}
.icon-box2 .icon.ico2{margin:1px 0px 0px 1px;height:80px;width:80px;border-radius: 8px;}
.icon-box2 .icon .icoimg{width: 80px;height: 80px;border-radius: 8px;border: 1px solid #fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: local;}

.icon-box .icon.ico2{margin:1px 0px 0px 1px;height:86px;width:86px;}
.icon-box .icon.ico3{margin:1px 0px 0px 1px;height:66px;width:66px;}
.icon-box .icon.ico4{margin:1px 0px 0px 1px;height:36px;width:36px;}
.icon-box .icon{border-radius: 8px;border:1px solid #ffffff;height:88px;}
.icon-box .content{border-radius: 10px;}

.txttopleft {font-size: 12px !important;font-style: italic;padding:0px 4px;color:#fff;background-color: rgba(255, 163, 0, 0.75);border-radius: 6px;position: absolute;top: 4px;left: 4px;}
.icon-box .icoimg{background-size: cover;background-repeat: no-repeat;}
.icon .icoimg{width: 56px;height: 56px;border-radius: 8px;border: 1px solid #fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: local;}
.icon .icoimg3{width: 36px;height: 36px;border-radius: 8px;border: 1px solid #fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: local;}
.icon .icoimg4{width: 36px;height: 36px;border-radius: 8px;border: 1px solid #fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: local;}
.boximg{width:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: local;}
img.boximg{max-height: 198px;height: auto;border-radius: 8px;margin-left: 5px;display: block;}
.boximg-v{border-radius: 10px;cursor: zoom-in;border: 1px solid #80276C;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}
.boximg-b{border-radius: 10px;cursor: zoom-in;border: 1px solid #fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.25);}
/*.axe-box .icon{border-top-right-radius: 50%;border-bottom-right-radius: 50%;}*/
/*.icon-box .axeico{width: 80px;height: 80px;border-top-right-radius: 50%;border-bottom-right-radius: 50%;}*/
.bg-axe1{background-color: #09B3A0 !important;color:#fff;}
.bg-axe2{background-color: #ED2E7A !important;color:#fff;}
.bg-axe3{background-color: #47C0F0 !important;color:#fff;}
.bg-axe0-t{background-color: rgba(255,255,255,0.05) !important;}
.bg-axe1-t{background-color: rgba(42,180,160,0.25) !important;}
.bg-axe2-t{background-color: rgba(232,35,123,0.25) !important;}
.bg-axe3-t{background-color: rgba(91,189,239,0.25) !important;}
.bd-axe1{border:1px solid #09B3A0 !important;}
.bd-axe2{border:1px solid #ED2E7A !important;}
.bd-axe3{border:1px solid #47C0F0 !important;}

.bdc-axe1{border-color:#09B3A0 !important;}
.bdc-axe2{border-color:#ED2E7A !important;}
.bdc-axe3{border-color:#47C0F0 !important;}
.fg-axe1{color:#09B3A0 !important;}
.fg-axe2{color:#ED2E7A !important;}
.fg-axe3{color:#47C0F0 !important;}

.icon-box.axe-box {border-top-left-radius: 44px !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;box-shadow: none;}
.icon-box.axe-box.axe1{border:1px solid #09B3A0 !important; border-bottom: none !important;}
.icon-box.axe-box.axe1 .icon{background-color: #09B3A0 !important;}
.icon-box.axe-box.axe2{border:1px solid #ED2E7A !important; border-bottom: none !important;}
.icon-box.axe-box.axe2 .icon{background-color: #ED2E7A !important;}
.icon-box.axe-box.axe3{border:1px solid #47C0F0 !important; border-bottom: none !important;}
.icon-box.axe-box.axe3 .icon{background-color: #47C0F0 !important;}

.icon-box.axe-box .icon{width: 88px;height: 88px;border-radius: 50% !important;}
.icon-box.axe-box .icon .axeico{width: 80px;height: 80px;}
.icon-box.axe-box .icon a.icoaxe{width: 80px;height: 80px;box-shadow:none !important;}
.icon-box.axe-box.axe1 a, .box.axe1 a{color: #09B3A0 !important;}
.icon-box.axe-box.axe2 a, .box.axe2 a{color: #ED2E7A !important;}
.icon-box.axe-box.axe3 a, .box.axe3 a{color: #47C0F0 !important;}
.icon-box.axe-box.axe1 a:hover, .icon-box.axe-box.axe2 a:hover, .icon-box.axe-box.axe3 a:hover{color: #80276C !important;}

.boxaxe{border-top: none !important;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;background-color: #fff;}
.boxaxe2{border-radius: 10px;background-color: #fff;}

.listeaxe .tabs-list{border: none !important;margin-bottom: 4px !important;}
.listeaxe .tabs-expand .tabs-list .axe1 li:active{background-color: #09B3A0 !important;color:#fff;border-radius: 4px;}
.listeaxe .accordion.axe1 .frame{border-color: #09B3A0 !important;}
.listeaxe .accordion.axe2 .heading{background-color: #ED2E7A !important;color:#fff;border-radius: 4px;}
.listeaxe .accordion.axe2 .frame{border-color: #ED2E7A !important;}
.listeaxe .accordion.axe3 .heading{background-color: #47C0F0 !important;color:#fff;border-radius: 4px;}
.listeaxe .accordion.axe3 .frame{border-color: #47C0F0 !important;}

.listeaxe .liaxe1{border:1px solid #09B3A0 !important;}
.listeaxe .liaxe1.active, .listeaxe .liaxe1.active a{background-color: #09B3A0 !important;color: #fff !important;font-weight: normal !important;}
.listeaxe .liaxe2{border:1px solid #ED2E7A !important;}
.listeaxe .liaxe2.active, .listeaxe .liaxe2.active a{background-color: #ED2E7A !important;color: #fff !important;font-weight: normal !important;}
.listeaxe .liaxe3{border:1px solid #47C0F0 !important;}
.listeaxe .liaxe3.active, .listeaxe .liaxe3.active a{background-color: #47C0F0 !important;color: #fff !important;font-weight: normal !important;}

.listeaxe .tabs .liaxe1 a:hover{color:#09B3A0 !important;font-weight: bold !important;}
.listeaxe .tabs .liaxe2 a:hover{color:#ED2E7A !important;font-weight: bold !important;}
.listeaxe .tabs .liaxe3 a:hover{color:#47C0F0 !important;font-weight: bold !important;}
.listeaxe .tabs .liaxe1.active a:hover, .listeaxe .tabs .liaxe2.active a:hover, .listeaxe .tabs .liaxe3.active a:hover{color:#fff !important;}

.tabs.vertical>ul.tabs-list>li {border: none;border-right: none;margin: 0 -7px 5px 0;}
.tabs.vertical>ul.tabs-list>li>a {text-align: center;}
.listeaxe li , .listeaxe li a{border-radius: 6px !important;}
.listeaxe .tabs.vertical>ul.tabs-list {border: none !important;}
.listeaxe .tabs>ul.tabs-list>li .liaxe1{border-radius: 6px 0px 0px 6px;border:1px solid #09B3A0 !important;}
.listeaxe .tabs.vertical>ul.tabs-list>li.active.liaxe1 {background-color:  #09B3A0 !important;color:#fff;}
.listeaxe .tabs>ul.tabs-list>li .liaxe2{border-radius: 6px 0px 0px 6px;border-color: #ED2E7A !important;}
.listeaxe .tabs.vertical>ul.tabs-list>li.active.liaxe2 {background-color:  #ED2E7A !important;color:#fff;}
.listeaxe .tabs>ul.tabs-list>li .liaxe3{border-radius: 6px 6px 0px 0px;border-color: #47C0F0 !important;}
.listeaxe .tabs.vertical>ul.tabs-list>li.active.liaxe3 {background-color:  #47C0F0 !important;color:#fff;}

.listefiche .tabs.vertical>ul.tabs-list>li {border: none;border-right: none;margin: 0 -6px 2px 0;}
.listefiche li, .listefiche li a{border-radius: 6px 0px 0px 6px !important; font-size: 14px;}
.listefiche .tabs.vertical>ul.tabs-list {border: none !important;}
.listefiche .tabs>ul.tabs-list>li{border-radius: 6px 0px 0px 6px;border:1px solid #2B579A !important;}
.listefiche .tabs.vertical>ul.tabs-list>li.active {background-color:  #2B579A !important;color:#fff;}

.listefiche3 .tabs{font-size:16px; text-align:center;border-radius: 10px 10px 0px 0px !important;border:1px solid #2B579A !important;background-color: rgba(43, 87, 154, 0.75) !important;color:#fff;}
.listefiche3 .tabs .expand-title{text-transform:uppercase;border-radius: 10px 10px 0px 0px !important; background-color:transparent;}

.listefiche3 li, .listefiche3 li a{border-radius: 6px 0px 0px 6px !important; font-size: 14px;}
.listefiche3 .tabs>ul.tabs-list {border-bottom: none !important;}
.listefiche3 .tabs>ul.tabs-list>li{margin:0px 4px;border-radius: 6px !important;border:1px solid #2B579A !important;}
.listefiche3 .tabs>ul.tabs-list>li.active {background-color:  #2B579A !important;color:#fff;}

.boxfiche {border:1px solid #2B579A !important;border-left: none !important;border-radius:  0px 10px 10px 0px !important;min-height: 300px;}
.boxfiche3 {border:1px solid #2B579A !important;border-top: none !important;border-radius:0px 0px 10px 10px !important;}

.icoaxe .titrebox1{color: #09B3A0 !important;}
.icoaxe .titrebox2{color: #ED2E7A !important;}
.icoaxe .titrebox3{color: #47C0F0 !important;}
.icoaxe .content{padding: 2px 4px 0px 4px !important;}

.icoaxe .textbox {color: #000 !important;font-size: 14px; text-align: center;}
.icoaxe:hover .textbox {font-weight: normal;}

.icoaxe .progress {bottom:-10px;}

.box.axe1 a.titre{font-size: 14px;}
.box.axe1 {border:1px solid #09B3A0 !important;border-radius: 10px;min-height: 300px;}
.box.axe2 {border:1px solid #ED2E7A !important;border-radius: 10px;min-height: 250px;}
.box.axe3 {border:1px solid #47C0F0 !important;border-radius: 10px;min-height: 200px;}

.box .icon-box{min-height:44px;height: auto;}
.box .icon-box .icon.ico2{height:40px;width:40px;}
.box .icon-box .icon>*{font-size: 20px;line-height: 46px;}

.axe1 h3 {height:38px !important;line-height:38px !important;border-radius: 8px !important;background-color: #09B3A0 !important;color:#fff;}
.axe1 h3 a{width:38px !important;height:38px !important;}
.axe1 a img{width:34px !important;height:34px !important;float:left !important;margin:2px 10px 0px 6px !important;}
.axe2 h3 {height:38px !important;line-height:38px !important;border-radius: 8px !important;background-color: #ED2E7A !important;color:#fff;}
.axe2 h3 a{width:38px !important;height:38px !important;}
.axe2 a img{width:34px !important;height:34px !important;float:left !important;margin:2px 10px 0px 6px !important;}
.axe3 h3 {height:38px !important;line-height:38px !important;border-radius: 8px !important;background-color: #47C0F0 !important;color:#fff;}
.axe3 h3 a{width:38px !important;height:38px !important;}
.axe3 a img{width:34px !important;height:34px !important;float:left !important;margin:2px 10px 0px 6px !important;}

#axe-accor {margin-top:120px;}
#axe-accor .frame{border:1px solid #09B3A0;border-radius: 6px;margin-top: 5px;}
#axe-accor.axe1 .heading{background-color: rgba(42, 180, 160, 0.5) !important;color:#333;border-radius: 4px;}
.axe-content {min-height:170px;}

#affpan {border-radius: 10px !important;}
#panneau{border-radius: 10px !important;
  display: flex; /* Active le flexbox */
  align-items: center; /* Aligne les éléments verticalement */
  justify-content: space-between; /* Place "panlogo" à gauche et "pantitre" à droite */
}
#panneau .panlogo{width:300px;height:120px;margin: 4px 0px 4px 4px !important;}
#panneau .pantitre{height:120px;color: #fff; vertical-align: middle;flex: 1;border-radius: 0px 8px 8px 0px !important;
    margin-right: 4px !important;margin-left: -120px !important;
}
#panneau .pantitre h3, #panneau .pantitre h4{margin: 0px !important;}
#panneau .pantitre h3{padding: 20px 0px 5px 0px !important;font-family: 'Source_Sans_3-Bold', sans-serif;color: #fff;font-size:34px;}
#panneau .pantitre h3.h3panneau{padding: 0px 0px 0px 0px !important;line-height: 120px;}
#panneau .pantitre h4{padding: 5px 0px !important;font-family: 'Source_Sans_3', sans-serif;color: #fff;font-size:28px;}
.panfichier {margin-top:10px !important;text-align: center !important;}
.panfichier .fichlink{width:100% !important;margin-top:10px !important;padding:5px !important;text-align: center !important;border:1px solid #cdcdcd;border-radius: 6px;}
.panfichier .fichlink:hover{background-color: #cdcdcd;font-weight: bold;color: #80276C;}
.panfichier .fichlink a{display:block;width:100% !important;}
.panfichier .fichlink a:hover{background-color: #cdcdcd;font-weight: bold;color: #80276C;border-radius: 6px;}

/* Input fichier */
.drop-zone {padding: 15px 0px 10px 0px;cursor: pointer;border-radius:0.75em;}
.drop-zone .icon{width:32px;height:32px;color: #ffa300 !important;}
.drop-zone .caption{font-size: 14px;}
.drop-zone .files{font-size: 14px; margin-bottom: 10px;}
.drop-zone.required {border:1px dashed #1ba1e2 !important;}
.drop-zone.required.valid {border:1px solid #60a917 !important;}
.drop-zone.required.invalid {border:1px solid #CE352C !important;}

/* Accordion */
.accordion.marker-on .heading::before {font-size: 26px;width: 30px;height: 30px;}
.accordion .frame{border:1px solid #cdcdcd;border-radius: 6px;}
.accordion .heading{background-color: #E2E3E5 !important;color:#333;border:1px solid #80276C;border-radius: 6px;padding: 2px 16px 2px 34px !important;}
.accordion .frame.active .heading{background-color: #ffa300 !important;color:#80276C;font-weight:bold;border:1px solid #cdcdcd;}
/*.accordion .content{background-color:rgba(255,255,255,0.5) !important;}*/
#infoFiche .frame{background-color: #e1e5ec !important;}
#infoFiche .heading{background-color: #d1dcf1 !important;color:#305e99;border:1px solid #cdcdcd;border-radius: 6px;padding: 2px 16px 2px 34px !important; text-align: center;}
#infoFiche .frame.active .heading{background-color: #d1dcf1 !important;color:#305e99;font-weight:bold;border:1px solid #276480;}
#infoFiche .content{background-color: #e1e5ec !important;}
/**/
.accorfiche.accordion .heading{border:1px solid #2B579A;}
.accorfiche.accordion .frame.active .heading{background-color: #2B579A !important;color:#fff;}

.accorfiche.accordion .accorfichesub.accordion .heading{font-weight:normal;border:1px solid #80276C;background-color: #E2E3E5 !important;color: #80276C !important;}
.accorfiche.accordion .accorfichesub.accordion .frame.active .heading{font-weight:bold;background-color: #80276C !important;color:#fff !important;}

.accorStyle.accordion .heading{font-weight:normal;border:1px solid #2B579A;background-color: #fff !important;color: #333 !important;}
.accorStyle.accordion .frame.active .heading{font-weight:bold;background-color: #E2E3E5 !important;color:#80276C !important;}
.accorStyle.accordion .frame{border: none !important;}

/* Lire WORD */
.word-container {padding: 20px;background: #fff;border: 1px solid #ddd;border-radius:10px;font-family: Arial, sans-serif;}
.word-container h1,.word-container h2,.word-container h3 { color: #333; }
.word-container table { border-collapse: collapse; width: 100%; }
.word-container td, .word-container th { border: 1px solid #ccc; padding: 6px; }
.word-container img { max-width: 100%; height: auto; }
/* Lire PDF */
.pdf-container {padding: 5px;background: #fff;border: 1px solid #ddd;border-radius:10px;}

/* Footer */
.footaxe {font-size:12px;color:#ff0000;text-align: center;padding: 2px 0px 0px 0px !important; border-top: 1px solid #cdcdcd;font-style: italic;}

/* Média */
@media (min-width: 1350px) { 
    #titre-elf .titre-txt-min{display: none;}
}
@media (max-width: 1350px) { 
    .btn-conf .caption{display: none;}
    .icoaxe .textbox {font-size: 14px;}
    #titre-elf .titre-txt-min{display: none;}
}
@media screen and (min-width: 1200px) {
    .navview .pull-button + h2 {display: flex;}
}
@media (max-width: 992px) { 
    #titre-elf .titre-txt{display: none;}
    #titre-elf .titre-txt-min{display: inline;color: #80276C;font-size: 20px;}
    #barretitre h3{font-size: 20px;}
    #barretitre h4{font-size: 20px;}
    #barretitre .breadcrumbs{font-size: 20px;}
    .app-bar-container .appmail, .app-bar-container .appnoti, .app-bar-container .appflag{display: none;}
    .prochain{font-size: 20px;}
    .btn-group .button .txt-pill{display: none;}
}
@media (max-width: 768px) { 
    #barretitre h3{font-size: 12px;height: 28px;line-height: 28px;}
    #barretitre h3 small{display: none;}
    #barretitre h4{font-size: 12px;}
    #barretitre .breadcrumbs .page-item a, .breadcrumbs .page-link {font-size: 12px !important;padding: .25rem .25rem;}
    #barretitre .breadcrumbs .page-item.last-item{display: none;}
    #panneau .pantitre h3{font-size: 24px !important;padding: 32px 0px 5px 0px !important;}
    #panneau .pantitre h4{font-size: 20px !important;}
    #panneau .pantitre h3.h3panneau{padding: 40px 0px 0px 0px !important;line-height: 40px;}
    .icoaxe .progress {display: none;}
    img.boximg{width:100px;}
    .dialog {width: 100% !important;max-width: 100% !important; margin: 0;border-radius: 0;}
    .dialog .dialog-content {max-height: calc(100vh - 100px);}
    .btnpjt{width: 84px !important;margin-right:4px; }
    .stepper .step span.step-label{display: none;}
    #travmoyen, .titre-trav{margin-bottom: 0px !important;}
}
@media (max-width: 550px) { 
    .btn-group .button{font-size: 12px;}
    .btn-group.no-gap .button{margin-right: -3px;}
    #panneau .pantitre h3.h3panneau{padding: 20px 0px 0px 0px !important;line-height: 40px;}
    #panneau .pantitre {margin-left: 0px !important;}
    #panneau .panlogo{width: 60px !important;height: 80px !important;margin: 4px 0px 4px 4px !important;background: none !important;}
    #panneau .panlogo img{width: 60px !important;}
    
    /*#barretitre h3{display: none;}
    #barretitre .breadcrumbs {display: none;}*/
}