/* ################### */ /* GENERAL */ /* ################### */ /* VARIABLES */ .bg-beige { background : #F8F3EA;} .bg-noir { background : #000000;} .blanc, .fff, .fff a, a.fff { color: #fff; } .noir { color:#000000; /* noir */} .noir-50 { color:rgba(0, 0, 0, 0.5);} .dore { color:#B78F00; /* doré */} .vert { color:#81914C; /* vert */} .bleu { color:#345E66; /* bleu */} .gris { color:#696969; /* gris */} .gris-clair { color:#F0F0F0; /* gris clair */} .saumon { color:#D29D76;} .turquoise { color:#50AEB4;} .beige { color : #F8F3EA;} html { scroll-behavior: smooth; } body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: #696969; overflow-x:hidden;} h1, h2, h3, h4, h5, h6, .ft-title { font-family: 'Montserrat', sans-serif; color: #000; font-weight: 600; } .page-header h1 { display: none;} h2, .well h3 { border-bottom: 1px solid #D9D9D9; font-size: 20px; line-height: 32px; text-transform: uppercase; padding-bottom: 10px;} h3 { font-size: 20px; line-height : 26px;} a { transition: all 0.5s ease; color: #B78F00;} a:hover { color : #81914C;} .page h2:after { background-image: url(data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C8.68678 0.5 7.38642 0.758658 6.17317 1.2612C4.95991 1.76375 3.85752 2.50035 2.92893 3.42893C1.05357 5.3043 0 7.84784 0 10.5C0 13.1522 1.05357 15.6957 2.92893 17.5711C3.85752 18.4997 4.95991 19.2362 6.17317 19.7388C7.38642 20.2413 8.68678 20.5 10 20.5C12.6522 20.5 15.1957 19.4464 17.0711 17.5711C18.9464 15.6957 20 13.1522 20 10.5C20 9.18678 19.7413 7.88642 19.2388 6.67317C18.7362 5.45991 17.9997 4.35752 17.0711 3.42893C16.1425 2.50035 15.0401 1.76375 13.8268 1.2612C12.6136 0.758658 11.3132 0.5 10 0.5ZM10 2.5C12.1217 2.5 14.1566 3.34285 15.6569 4.84315C17.1571 6.34344 18 8.37827 18 10.5C18 12.6217 17.1571 14.6566 15.6569 16.1569C14.1566 17.6571 12.1217 18.5 10 18.5C7.87827 18.5 5.84344 17.6571 4.34315 16.1569C2.84285 14.6566 2 12.6217 2 10.5C2 8.37827 2.84285 6.34344 4.34315 4.84315C5.84344 3.34285 7.87827 2.5 10 2.5ZM5 8.5L10 13.5L15 8.5H5Z' fill='black'/%3E%3C/svg%3E); display: block; content: ''; width: 20px; height: 21px; background-position: top 0px left; background-repeat: no-repeat;} .page h2 { display: flex; justify-content: space-between; align-items: end;} /* ################### */ /* FONTS */ /* ################### */ .fw-400 { font-weight: 400;} .fw-500 { font-weight: 500;} .fw-600 { font-weight: 600;} .ft-11 { font-size : 11px; line-height: 13px;} .ft-12 { font-size : 12px; line-height: 14px;} .ft-16 { font-size : 16px; line-height: 22px;} .ft-20 { font-size : 20px; line-height: 26px;} .ft-48 { font-size : 48px; line-height: 64px;} .logo { mix-blend-mode: multiply;} /* ################### */ /* BOUTONS */ /* ################### */ .boutoncat { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 24px; font-size : 10px; font-weight: 600; text-transform: uppercase; padding-left: 1rem; padding-right:1rem;} .bouton1, input[type="submit"] { text-decoration: none; border: 1px solid #B78F00; transition: all 0.5s ease; color : #fff; background-color : #B78F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .bouton1:hover, input[type="submit"]:hover { color: #B78F00; background : #fff; } .bouton2 { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .bouton2:hover { color: #81914C; background : #fff; } .headerpage { background-image: URL('../images/headertop.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 150px; display: flex; justify-content: start; align-items: center;} .headerpage h1 { color: #fff; } input#submitDemande { margin: 30px 0; } .bouton3 { cursor: pointer; background : #fff; border: 1px solid #DEDEDE; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 25px;} .bouton4 { text-decoration: none; border: 1px solid #345E66; transition: all 0.5s ease; color : #fff; background-color : #345E66; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .bouton4:hover { color: #345E66; background : #fff; } .itemid-1112 .page a { text-decoration: none; border: 1px solid #B78F00; transition: all 0.5s ease; color : #fff; background-color : #B78F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .itemid-1112 .page a:hover { color: #B78F00; background : #fff; } /* ################### */ /* HEADER */ /* ################### */ #infoProfil { margin-bottom: 0; } /* ################### */ /* MENU */ /* ################### */ #moncontenu.active { width: 100%; margin: 0; } aside .accordion-item { padding: 1.5rem 2rem; border-bottom: 1px solid #D9D9D9 !important; border: 0; } aside .accordion-body { padding: 20px 0px 20px 44px;} aside h2 { font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; display: flex; justify-content: start; align-items: center; border:0;padding: 0;} aside #menu1 h2:before { content: ''; display: block; width: 30px; height: 16px; margin-right: 15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16H16V12H12V16ZM12 10H16V6H12V10ZM6 4H10V0H6V4ZM12 4H16V0H12V4ZM6 10H10V6H6V10ZM0 10H4V6H0V10ZM0 16H4V12H0V16ZM6 16H10V12H6V16ZM0 4H4V0H0V4Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside #menu1 h2:before:has(button:not(.collapsed)) { background-image: url('');} aside #menu2 h2:before { content: ''; display: block; width: 30px; height: 16px; margin-right: 15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C9.06087 0 10.0783 0.421427 10.8284 1.17157C11.5786 1.92172 12 2.93913 12 4C12 5.06087 11.5786 6.07828 10.8284 6.82843C10.0783 7.57857 9.06087 8 8 8C6.93913 8 5.92172 7.57857 5.17157 6.82843C4.42143 6.07828 4 5.06087 4 4C4 2.93913 4.42143 1.92172 5.17157 1.17157C5.92172 0.421427 6.93913 0 8 0ZM8 10C12.42 10 16 11.79 16 14V16H0V14C0 11.79 3.58 10 8 10Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside #menu3 h2:before { content: ''; display: block; width: 30px; height: 17px; margin-right: 11px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 17V11H12V17H17V9H20L10 0L0 9H3V17H8Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside #menu4 h2:before { content: ''; display: block; width: 30px; height: 21px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10H12V12H4V10ZM6 18H2V2H9V7H14V10.1L16 8.1V6L10 0H2C1.46957 0 0.960859 0.210714 0.585786 0.585786C0.210714 0.960859 0 1.46957 0 2V18C0 18.5304 0.210714 19.0391 0.585786 19.4142C0.960859 19.7893 1.46957 20 2 20H6V18ZM4 16H8.1L9 15.1V14H4V16ZM16.2 11C16.3 11 16.5 11.1 16.6 11.2L17.9 12.5C18.1 12.7 18.1 13.1 17.9 13.3L16.9 14.3L14.8 12.2L15.8 11.2C15.9 11.1 16 11 16.2 11ZM16.2 14.9L10.1 21H8V18.9L14.1 12.8L16.2 14.9Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside #menu5 h2:before { content: ''; display: block; width: 30px; height: 20px; margin-right: 11px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7H11V5H9V7ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM9 15H11V9H9V15Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside #menu6 h2:before, aside #menu7 h2:before { content: ''; display: block; width: 30px; height: 21px; margin-right: 15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C6.89 16 6 15.1 6 14C6 12.89 6.89 12 8 12C8.53043 12 9.03914 12.2107 9.41421 12.5858C9.78929 12.9609 10 13.4696 10 14C10 14.5304 9.78929 15.0391 9.41421 15.4142C9.03914 15.7893 8.53043 16 8 16ZM14 19V9H2V19H14ZM14 7C14.5304 7 15.0391 7.21071 15.4142 7.58579C15.7893 7.96086 16 8.46957 16 9V19C16 19.5304 15.7893 20.0391 15.4142 20.4142C15.0391 20.7893 14.5304 21 14 21H2C0.89 21 0 20.1 0 19V9C0 7.89 0.89 7 2 7H3V5C3 3.67392 3.52678 2.40215 4.46447 1.46447C5.40215 0.526784 6.67392 0 8 0C8.65661 0 9.30679 0.129329 9.91342 0.380602C10.52 0.631876 11.0712 1.00017 11.5355 1.46447C11.9998 1.92876 12.3681 2.47995 12.6194 3.08658C12.8707 3.69321 13 4.34339 13 5V7H14ZM8 2C7.20435 2 6.44129 2.31607 5.87868 2.87868C5.31607 3.44129 5 4.20435 5 5V7H11V5C11 4.20435 10.6839 3.44129 10.1213 2.87868C9.55871 2.31607 8.79565 2 8 2Z' fill='%23C8CAAD'/%3E%3C/svg%3E");background-repeat: no-repeat;} aside button { background-color : transparent; width: 100%; text-align: left; font-weight: 600; border: 0 !important;} aside button::after { margin-top: 3px; content: ''; display: block; width: 20px; height: 20px; float: right; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E");} aside button:not(.collapsed)::after { content: ''; display: block; width: 20px; height: 20px; float: right; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C11.3132 20 12.6136 19.7413 13.8268 19.2388C15.0401 18.7362 16.1425 17.9997 17.0711 17.0711C17.9997 16.1425 18.7362 15.0401 19.2388 13.8268C19.7413 12.6136 20 11.3132 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C8.68678 0 7.38642 0.258657 6.17317 0.761204C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20ZM5 12L10 7L15 12H5Z' fill='%23B78F00'/%3E%3C/svg%3E");transform: rotate(0deg);} aside ul.nav.menu.mod-list { display: flex; flex-direction: column; } aside ul.nav.menu.mod-list li { line-height: 17px;padding-bottom: 15px;} aside ul.nav.menu.mod-list li a { color: #696969; text-decoration: none; font-size: 11px; letter-spacing: 0.1rem; text-transform: uppercase; font-weight: 600;} aside ul.nav.menu.mod-list li.current.active a, aside ul.nav.menu.mod-list li a:hover { color: #000 !important; font-weight: bold !important; } /* .collapse:not(.show):has( li.current.active), .itemid-110 aside #menu1 #collapsemenu1 { display : block;} */ .itemid-110 aside #menu1 #collapsemenu1 .default a{ font-weight: bold; color: #000;} /* ################### */ /* DECONNEXION */ /* ################### */ .externallogin input.btn.btn-primary { font-size: 11px; font-weight: 600; letter-spacing: 0.1rem; background-color: #B78F00; color: #fff; border-radius: 25px; height: 50px; display: flex; align-items: center; justify-content: center; text-decoration:none; text-transform: uppercase; padding-left: 50px; padding-right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.56 2.44L11.11 3.89C12.84 4.94 14 6.83 14 9C14 10.5913 13.3679 12.1174 12.2426 13.2426C11.1174 14.3679 9.5913 15 8 15C6.4087 15 4.88258 14.3679 3.75736 13.2426C2.63214 12.1174 2 10.5913 2 9C2 6.83 3.16 4.94 4.88 3.88L3.44 2.44C1.36 3.88 0 6.28 0 9C0 11.1217 0.842855 13.1566 2.34315 14.6569C3.84344 16.1571 5.87827 17 8 17C10.1217 17 12.1566 16.1571 13.6569 14.6569C15.1571 13.1566 16 11.1217 16 9C16 6.28 14.64 3.88 12.56 2.44ZM9 0H7V10H9' fill='white'/%3E%3C/svg%3E"); background-position: left 15px center; background-repeat: no-repeat; border: 1px solid #B78F00; transition: all ease 0.5s; } .externallogin input.btn.btn-primary:hover { background : #FFF; color: #B78F00; background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.56 2.44L11.11 3.89C12.84 4.94 14 6.83 14 9C14 10.5913 13.3679 12.1174 12.2426 13.2426C11.1174 14.3679 9.5913 15 8 15C6.4087 15 4.88258 14.3679 3.75736 13.2426C2.63214 12.1174 2 10.5913 2 9C2 6.83 3.16 4.94 4.88 3.88L3.44 2.44C1.36 3.88 0 6.28 0 9C0 11.1217 0.842855 13.1566 2.34315 14.6569C3.84344 16.1571 5.87827 17 8 17C10.1217 17 12.1566 16.1571 13.6569 14.6569C15.1571 13.1566 16 11.1217 16 9C16 6.28 14.64 3.88 12.56 2.44ZM9 0H7V10H9' fill='%23B78F00'/%3E%3C/svg%3E");background-position: left 15px center; background-repeat: no-repeat; border: 1px solid #B78F00; transition: all ease 0.5s; } /* ################### */ /* PAGE */ /* ################### */ .well { margin-bottom: 50px;} .componentheading h1 { display: none; } /* .toggle-block { margin: 50px 0; } */ /* tableau */ .toggle-block table { min-width: 100%;} #tableauEcrituresFacturation .sectiontableheader, .toggle-block-content thead, .block-content thead { background: black; color: #fff; } #tableauEcrituresFacturation .sectiontableheader th, .toggle-block-content thead th, .block-content thead th { padding: 5px 15px;} .sectiontableentry { border : 1px solid #D9D9D9; background: #F0F0F0; } .sectiontableentry td { padding: 5px 15px ; color : #000;} /* messages */ .toggle-block-content .box-grey { margin: 25px 0 !important; background-color: #F8F3EA; padding: 25px !important; border: 0 !important; border-left: 5px solid #B78F00 !important; } .toggle-block-content .box-grey p.message span { display: block; font-size: 20px; color: #B78F00; } /* forms */ label.control-label { display: block; } input[type="text"] { border: 1px solid #D9D9D9; border-radius: 5px; height: 50px; margin-top: 5px; padding: 0 15px; } /* PAGE CONNEXION CAS */ .connexionCAS .form-group { margin-top: 1rem; margin-bottom: 1rem;} .connexionCAS input { height: 50px; } .connexionCAS input.btn.btn-primary { float: left; margin-right: 20px;text-decoration: none; border: 1px solid #B78F00; transition: all 0.5s ease; color : #fff; background-color : #B78F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 50px; font-size : 11px; font-weight: 600; text-transform: uppercase; padding: 0 60px;} .connexionCAS input.btn.btn-primary:hover { color: #B78F00; background : #fff; } .connexionCAS input.btn { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 50px; font-size : 11px; font-weight: 600; text-transform: uppercase; padding: 0 30px;} .connexionCAS input.btn:hover { color: #81914C; background : #fff; } .connexionCAS .boutondeco { font-size: 11px; font-weight: 600; letter-spacing: 0.1rem; background-color: #B78F00; color: #fff; border-radius: 25px; height: 50px; display: flex; align-items: center; justify-content: center; text-decoration:none; text-transform: uppercase; padding-left: 50px; padding-right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.56 2.44L11.11 3.89C12.84 4.94 14 6.83 14 9C14 10.5913 13.3679 12.1174 12.2426 13.2426C11.1174 14.3679 9.5913 15 8 15C6.4087 15 4.88258 14.3679 3.75736 13.2426C2.63214 12.1174 2 10.5913 2 9C2 6.83 3.16 4.94 4.88 3.88L3.44 2.44C1.36 3.88 0 6.28 0 9C0 11.1217 0.842855 13.1566 2.34315 14.6569C3.84344 16.1571 5.87827 17 8 17C10.1217 17 12.1566 16.1571 13.6569 14.6569C15.1571 13.1566 16 11.1217 16 9C16 6.28 14.64 3.88 12.56 2.44ZM9 0H7V10H9' fill='white'/%3E%3C/svg%3E"); background-position: left 15px center; background-repeat: no-repeat; border: 1px solid #B78F00; transition: all ease 0.5s; } .connexionCAS .boutondeco:hover { background : #FFF; color: #B78F00; background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.56 2.44L11.11 3.89C12.84 4.94 14 6.83 14 9C14 10.5913 13.3679 12.1174 12.2426 13.2426C11.1174 14.3679 9.5913 15 8 15C6.4087 15 4.88258 14.3679 3.75736 13.2426C2.63214 12.1174 2 10.5913 2 9C2 6.83 3.16 4.94 4.88 3.88L3.44 2.44C1.36 3.88 0 6.28 0 9C0 11.1217 0.842855 13.1566 2.34315 14.6569C3.84344 16.1571 5.87827 17 8 17C10.1217 17 12.1566 16.1571 13.6569 14.6569C15.1571 13.1566 16 11.1217 16 9C16 6.28 14.64 3.88 12.56 2.44ZM9 0H7V10H9' fill='%23B78F00'/%3E%3C/svg%3E");background-position: left 15px center; background-repeat: no-repeat; border: 1px solid #B78F00; transition: all ease 0.5s; } /* PAGE TOP : Numero de compte */ .page-content { padding : 3rem;} .page-content > div:first-child { margin-left: -3rem; margin-right: -3rem; margin-top: -3rem; border-bottom: 1px solid #D9D9D9; padding: 1rem 3rem; margin-bottom: 2rem; } /* ALL PAGES */ select { max-width: 250px; position:relative; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; padding-right: 1.25EM; appearance: none; position: relative; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; background-position: right 20px center; background-clip: border-box; -moz-background-clip: border-box; -webkit-background-clip: border-box;} .captcha { min-width: 200px; } span.icon.help.icon-help { width: 30px; height: 30px; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='purple-stroke' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke='black' fill='none'%3E%3Ccircle stroke='black' fill='none' cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpath stroke='black' fill='none' d='M12 8h.01M11 12h1v4h1'%3E%3C/path%3E%3C/svg%3E"); float: right; margin-top: 14px; margin-right: 3rem; } .montooltipperso { opacity: 1 !important; width: 300px !important; height: auto !important; background: #000 !important; color : #fff !important;} .montooltipperso img { max-width: 100%;} /* PAGE MOT DE PASSE OUBLIÉ */ .itemid-108 input, .itemid-108 .form-group { margin-bottom: 20px; } /* PAGE CONTACT */ /* PAGE ACCEUIL DECONNECTÉ */ .itemid-111 .bouton1 { width: 200px;} .itemid-111 .item-page { padding: 3rem; } /* PAGE ACCEUIL COONECTE */ .itemid-110 .content { padding: 3rem;} /* PAGE INFO PERSONNELLES */ .itemid-125 #block2, .itemid-125 #toggle-block3 { margin-top: 50px; } .itemid-125 #toggle-block3 input.button, .itemid-125 #block-content2 input.button { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .itemid-125 #toggle-block3 input.button:hover, .itemid-125 #block-content2 input.button:hover { color: #81914C; background : #fff; } .itemid-125 label.control-label { float: left; width: 300px; font-weight: bold; } .itemid-125 .page p { margin-top: 20px;} .itemid-125 form { margin-bottom: 1rem; } .itemid-125 #block1 { margin-top: 20px; } .itemid-125 .form-group { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 1rem;} .itemid-125 select { max-width: 250px; position:relative; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; padding-right: 1.25EM; appearance: none; position: relative; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; background-position: right 20px center; background-clip: border-box; -moz-background-clip: border-box; -webkit-background-clip: border-box;} /* PAGE MON COMPTE */ .itemid-120 #toggle-block2 { margin-top: 50px; } .itemid-120 .toggle-block { margin-bottom: 50px;} .itemid-120 #toggle-block-content3 { overflow-x: scroll; } /* PAGE MES DOCUMENTS */ .itemid-1113 table#blocTableauDocuments tr:nth-child(2n+1) { background: #eee;} .itemid-1113 table#blocTableauDocuments tr.sectiontableheader { background: transparent !important; position: relative; border-bottom: 1px solid grey;display: table-row !important;} .itemid-1113 table#blocTableauDocuments tr.sectiontableheader th { padding-top: 2rem !important; padding-bottom: 1rem !important;cursor: pointer;} .itemid-1113 table#blocTableauDocuments td { padding: 10px; } .itemid-1113 table#blocTableauDocuments tr input[type="button"]{ float: right; text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .itemid-1113 table#blocTableauDocuments tr input[type="button"]:hover { color: #81914C; background : #fff; } .itemid-1113 table#blocTableauDocuments .sectiontableheader:after { transition: all: 0.5s ease;width: 20px; height: 20px; display: block; position: absolute; top: 35px; right: 10px;content: ''; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; } .itemid-1113 table#blocTableauDocuments .sectiontableheader.open:after { transform: rotate(180deg);width: 20px; height: 20px; display: block; position: absolute; top: 35px; right: 10px;content: ''; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; } .itemid-1113 table#blocTableauDocuments tr.open { display: table-row !important;} .itemid-1113 table#blocTableauDocuments tr:not(.open) { display: none;} /* PAGE MES CONSOMMATIONS */ .itemid-1114 #toggle-block1 .sectiontableheader { background: black; color: #fff; } .itemid-1114 #toggle-block1 .sectiontableheader th { padding: 5px;} /* PAGE JE REGLE MON LOYER */ .itemid-121 .toggle-block { margin-bottom: 50px;} .itemid-121 ul.radio_list { list-style: none; padding: 0; } .itemid-121 input[type="submit"] { margin-top: 20px;} .itemid-121 #toggle-block-content4 { overflow-x: scroll; } .itemid-121 .externallogin { margin-bottom: 20px; } /* PAGE JE GERE MES PRELEVEMENTS */ .itemid-1116 label.control-label { float: left; width: 300px; font-weight: bold; color : #000; } .itemid-1116 .toggle-block, .itemid-1116 #block-content1 { margin-bottom: 50px;} .itemid-1116 #block-content1 .button { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .itemid-1116 #block-content1 .button:hover { color: #81914C; background : #fff; } .itemid-1116 #moncontenu form { margin-top: 30px; } /* PAGE J'ENVOIE MON ATTESTATION D'ASSURANCE */ .itemid-129 #toggle-block-content1 > .form-horizontal > .tablelist { margin-bottom : 50px;} .itemid-129 .form-group { display: flex; gap: 2rem; margin-bottom: 20px; align-items: center;} .itemid-129 input.button { margin-bottom: 50px; margin-top: 20px; min-width: 200px;} .itemid-129 #upload-document-button { display: flex; justify-content: end; } .itemid-129 form.form-horizontal > div:last-child { display: flex; justify-content: end; } .itemid-129 #upload-document-button .button[type="submit"]{ text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase;} .itemid-129 #upload-document-button .button[type="submit"]:hover { color: #81914C; background : #fff; } .itemid-129 #epj_PJ_fichier { border: 0; border-radius: 0;} .itemid-129 select { max-width: 250px; position:relative; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; padding-right: 1.25EM; appearance: none; position: relative; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; background-position: right 20px center; background-clip: border-box; -moz-background-clip: border-box; -webkit-background-clip: border-box;} /* PAGE JE SAISIS MES DEMANDES */ .itemid-211 #navigation-block #listelogementvacant tbody { display: flex; gap: 2rem;} .itemid-211 #navigation-block #listelogementvacant tbody tr { display: block; } .itemid-211 #navigation-block #listelogementvacant tbody tr:nth-child(2n) a, .itemid-211 #block-content1 input.button { text-decoration: none; border: 1px solid #81914C; transition: all 0.5s ease; color : #fff; background-color : #81914C; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase; padding: 0 20px;} .itemid-211 #navigation-block #listelogementvacant tbody tr:nth-child(2n) a:hover, .itemid-211 #block-content1 input.button:hover{ color: #81914C; background : #fff; } .itemid-211 #navigation-block #listelogementvacant tbody tr:nth-child(2n + 1) a{text-decoration: none; border: 1px solid #B78F00; transition: all 0.5s ease; color : #fff; background-color : #B78F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height : 35px; font-size : 11px; font-weight: 600; text-transform: uppercase; padding: 0 20px;} .itemid-211 #navigation-block #listelogementvacant tbody tr:nth-child(2n + 1) a:hover {color: #B78F00; background : #fff;} .itemid-211 div#chemin-de-fer span:first-child { margin-left: 0; } .itemid-211 div#chemin-de-fer span { margin-right: 10px; margin-left: 10px; } .itemid-211 div#chemin-de-fer a { color: #696969; text-decoration: none; } .itemid-211 div#toggle-block2 { margin-top: 25px; } .itemid-211 div#upload-document-button { margin-top: 20px; } .itemid-211 div#upload-document-button input.button { text-decoration: none; border: 1px solid #B78F00; transition: all 0.5s ease; color: #fff; background-color: #B78F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 35px; font-size: 11px; font-weight: 600; text-transform: uppercase; margin-bottom: 40px;} .itemid-211 div#upload-document-button input.button:hover { color: #B78F00; background: #fff; } /* PAGE HISTORIQUE DEMANDES */ .itemid-1115 .toggle-block { margin-bottom: 50px;} .itemid-1115 #toggle-block1 .sectiontableheader { background: black; color: #fff; } .itemid-1115 #toggle-block1 .sectiontableheader th { padding: 5px;} /* PAGE MES CONTACTS */ .itemid-1112 .toggle-block-content table.tablelist { margin-bottom: 30px; } .itemid-1112 b, .itemid-1112 strong { color : #000;} /* PAGES JE CHANGE MOT DE PASSE */ .itemid-1117 input.button { margin-bottom: 50px; margin-top: 20px;} /* PAGES JE CHANGE IDENTIFIANTS */ .itemid-1118 input.button { margin-bottom: 50px; margin-top: 20px;} /* PAGE PRELEVEMENTS */ .itemid-1116 input[type="text"] { min-width: 75px;} /* LISTE ACTUALITES */ .actualites .actualite h2 { color: #000; border:0 !important; font-size: 16px; text-transform: capitalize; text-decoration: none; } .actualites .actualite h2 a { text-decoration: none; color :#000;} /* PAGE CREATION DE COMPTE */ .itemid-107 .form-group { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 1rem;} .itemid-107 .form-group label.control-label, .itemid-107 .form-group a { flex: 0 0 100%; } .itemid-107 .form-group select { max-width: 250px; height : 50px; width: 30%; position:relative; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; padding-right: 1.25EM; appearance: none; position: relative; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.3132 0 12.6136 0.258658 13.8268 0.761205C15.0401 1.26375 16.1425 2.00035 17.0711 2.92893C17.9997 3.85752 18.7362 4.95991 19.2388 6.17317C19.7413 7.38642 20 8.68678 20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C8.68678 20 7.38642 19.7413 6.17317 19.2388C4.95991 18.7362 3.85752 17.9997 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0ZM5 8L10 13L15 8H5Z' fill='%2381914C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; background-position: right 20px center; background-clip: border-box; -moz-background-clip: border-box; -webkit-background-clip: border-box;} /* PAGE CGU */ .itemid-197 .content { padding:3rem;} /* PAGE LIENS UTILES */ .itemid-1124 .content { padding:3rem;} /* PAGE DOCUMENTATIONS */ .itemid-1125 .content { padding:3rem;} /* PAGE DOCUMENT */ .itemid-1001 .content { padding:3rem;} /* ################### */ /* RESPONSIVE */ /* ################### */ @media screen and (max-width: 991px ) { .externallogin input { font-size: 0px !important; padding: 0px; width: 0px; width: 50px !important; height: 50px !important; padding: 0 !important;} #colonnedegauche, #moncontenu { transition: all 0.5s ease;} #colonnedegauche.active { margin-left: 0rem;width: 80%; } #colonnedegauche { margin-left: -100%;} #moncontenu.active { margin-right: -100%;} #moncontenu { margin-right:0;} .page-content > div:first-child table tr, .page-content > div:first-child table td, .page-content > div:first-child table th, .page-content > div:first-child label { width: 100%; display: block; } .itemid-129 .form-group { display: flex; gap: 0.2rem; margin-bottom: 20px; align-items: center; flex-direction: column; } .connexionCAS .boutondeco { padding-left: 28px;} .itemid-110 .mt-4.d-flex.gap-3 { flex-direction: column; } .itemid-1112 .toggle-block-content .sectiontableentry td { display: block; } .itemid-1112 .page a { padding: 5px; height: 42px; line-height: 15px;} .itemid-1112 .toggle-block table { min-width: 100%; background: #f0f0f0; width: 100%; } .itemid-1112 .page-content > div:first-child table{ background: transparent;} .itemid-1116 label.control-label { width: 100%;} .itemid-1115 #toggle-block-content3, .itemid-1115 #toggle-block-content5, .itemid-1115 #toggle-block-content1, .itemid-1115 #toggle-block-content2, .itemid-1116 #toggle-block-content2, .itemid-1116 #toggle-block-content3, .itemid-129 #toggle-block-content1 div, .itemid-129 #toggle-block2, .itemid-129 form.form-horizontal { overflow-x: scroll; } .itemid-211 #navigation-block #listelogementvacant tbody { display: flex; gap: 0; flex-direction: column; } }