/************************************************************ * BODY AND COMMONS * ***********************************************************/ body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; color: #666; background-image: url("../media/img-background.svg"); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; height: 100%; } h1, h2, h3, h4, h5, h6 { color: #333; } h2 { font-size: 30px; margin-bottom: 20px; } h3 { font-size: 16px; font-weight: 600; } .btn {} .btn.btn-primary:hover {} a { text-decoration: none; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } a:focus, a:hover { text-decoration: none; outline: none; } section { padding: 60px 0; } .heading {} form.container-fluid div.row input, form.container-fluid div.row select, form.container-fluid div.row textarea{ font-size: .75rem; font-family: inherit; padding-left: 0.50rem; background-color: #fff; border: 1px solid #c8c8c8; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } form.container-fluid div.row select, form.container-fluid div.row input[type=text], form.container-fluid div.row input[type=password]{ min-width: 12rem; max-width: 12rem; } form.container-fluid div.row input[type="checkbox"], form.container-fluid div.row input[type="radio"] { margin-left: -1.5rem !important; } form.container-fluid div.row input:focus, form.container-fluid div.row select:focus, form.container-fluid div.row textarea:focus{ border: 2px solid #c8c8c8; outline: none; } .input-group-text { /* font-size: .75rem; */ border-radius: 0; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; min-width: 3.5rem; max-width: 3.5rem; } .input-group div.toggle{ min-height: 2rem !important; max-height: 2rem !important; } .input-group-text.input-group-toggle{ font-size: .75rem; min-width: 11.5rem; /* max-width: 12rem; */ } .input-group div.toggle-group span{ padding-top: 0.2rem; } .input-group-text.input-group-text-right, .input-group-input input[type="submit"].input-group-text-right { /* border-radius: 0; */ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .input-group-text.large { font-size: .75rem; min-width: 8rem; max-width: 8rem; } .input-group-text.verylarge { min-width: 250px; max-width: 250px; } .input-group-text.verylarge.checkbox { min-width: 100%; border-radius: 5px !important; /* max-width: 250px; */ } .input-group-text.verylarge.checkbox img{ margin-bottom: 0; } div#data-guest form div.row span.input-group-addon{ border-radius: 0; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } div#data form div.row.mb-1.w-100 {} /************************************************************ * ZONE ICON (#data-icon-zone) * ***********************************************************/ #data-icon-zone{ position: fixed; width: 12%; padding-top: 5em; padding-left: 2em; } #data-icon-zone img{ width: 90%; opacity: 0.90; } /************************************************************ * NAVBAR AND MENU * ***********************************************************/ /*#navigationprint { top: 0; left: 0; width: 100%; }*/ .navbar-brand { margin-left: 1rem; padding-top: 0; padding-bottom: 0; } div#topmenu ul li a img, div#authMenu i.fa { margin-right: .2rem; max-width: 20px; } div#topmenu ul.navbar-nav li.nav-item:hover { background-color: rgba(0,0,0,.2); font-weight: 700; } div#topmenu ul.navbar-nav li.nav-item.active { background-color: rgba(0,0,0,.5); } div#topmenu ul.navbar-nav li.nav-item.active a.nav-link{ color: #fff; font-weight: 800; } div#topmenu ul.navbar-nav li.nav-item a.nav-link { padding: .2rem .5rem; } /************************************************************ * USERPRINT * ***********************************************************/ /****** NOT LOGGED ******/ div#authMenu.dropdown a.btn i.fa, div#authMenu.dropdown button i.fa { margin-right: 1rem; } div#authMenu.dropdown div.dropdown-menu { --bs-dropdown-min-width: 17rem; } /****** LOGGED *******/ div#authMenu.dropdown button.btn.dropdown-toggle span.fa.fa-navicon { margin-left: 1rem; } div#authMenu ul.dropdown-menu{ --bs-dropdown-min-width: 17rem; } div#authMenu a.nav-link { font-size: .75rem; line-height: normal; font-weight: 400; } div#authMenu span.fa{ margin-right: 1rem; } div#authMenu.dropdown li a.nav-link span.fa{ margin-left: 1rem; } div div.card{ margin-bottom: 1rem; } div div.card div.card-header{ padding-bottom: .5rem; padding-top: .5rem; border-bottom: 0; } div div.card div.card-header h3{ text-align: center; color: #254360; font-weight: 750; } div div.card div.card-header span.lead img{ /* vertical-align: middle; */ text-decoration: none; padding-right: 10px; /* min-height: 48px; */ max-width: 32px; max-height: 32px; } div div.card div.card-header span.lead a{ /* vertical-align: middle; */ text-decoration: none; font-weight: bold; font: italic bold 17px Georgia, "Times New Roman", Times, serif; color: #254360; } div div.card div .float-end{ font-weight: bold; /* vertical-align: middle; */ /* width: 180px; */ color: #767676; text-decoration: none; } /*div form.form-inline div.card div.card-body.form div.input-group{ height: 2rem; margin-bottom: .5rem; }*/ div#data-guest form.form-inline div.card.text-center div.card-body div.row img{ max-width: 5rem; max-height: 5rem; } /*div.container-fluid div pre::before{ content: "\A"; white-space: pre; } div.container-fluid div pre::after{ content: "\A"; white-space: pre; }*/ div.container-fluid div.card-body pre, form div.note-editable pre{ padding-inline-start: .5rem; background-color: #999999; color: #ffffff; font-weight: bold; white-space: pre-line; /* border-radius: .5rem; */ } div.container-fluid div.card-body a, form div.note-editable a{ text-decoration: none; font-weight: bold; color: #303030; } div.container-fluid div.card-body .movie, form div.note-editable .movie{ text-align: center; padding-bottom: 5px; } div.container-fluid div.card-body img, form div.note-editable img{ border: 0px; margin-right: 1rem; margin-bottom: 1rem; border-radius: 8px; box-shadow: 0 0 3px #343434; max-width: 540px; } div.container-fluid div.card-body span.input-group-text img{ margin: 0; padding: 0; max-width: 1rem; border: 0; box-shadow: none; } div.container-fluid div.card-body table tr td img{ margin-bottom: 0; box-shadow: none; min-width: 24px; max-width: 24px; max-height: 24px; } div.container-fluid div.card-body table tr td span a{ margin-right: .5rem; } div.container-fluid div.card-body table tr td i.fa{ margin-right: .5rem; } div.container-fluid div.card-body iframe, form div.note-editable iframe{ display: block; border-radius: 8px; border: 10px solid black; box-shadow: 0 0 3px #343434; max-width: 930px; opacity: 1; margin-left: auto; margin-right: auto; margin-bottom: 10px; } /*div.container-fluid form.form-inline.container-fluid div.input-group input.BUTTON{ display: none; }*/ /*div.input-group input.form, div.input-group select.form, div.input-group textarea.form{ box-sizing: border-box; border-radius: 0; } #data div.tab-content.container-fluid form input{ min-width: 59px; max-width: 200px; }*/ /*#data div.tab-content.container-fluid div.card form div.input-group div.input-group-prepend span.input-group-text{ font: 1em 'Open Sans', sans-serif; } #data div.tab-content.container-fluid div.input-group{ } #data div.tab-content.container-fluid form select{ min-width: 200px; max-width: 200px; } #data div.tab-content.container-fluid form select.large { min-width: 200px; max-width: 200px; } #data div.tab-content.container-fluid form select.verylarge{ min-width: 250px; max-width: 250px; } #data div.tab-content.container-fluid form input{ min-width: 59px; max-width: 200px; } #data div.tab-content.container-fluid form input.btn{ min-width: 200px; max-width: 200px; } #data div.tab-content.container-fluid form input.large{ min-width: 200px; max-width: 200px; } #data div.tab-content.container-fluid form input.verylarge, #data div.tab-content.container-fluid input.verylarge{ min-width: 250px; max-width: 75%; } #data div.tab-content.container-fluid form div.form-check{ border: 1px solid #dee2e6; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } #data div.tab-content.container-fluid form div.input-group-prepend.toggle-compub{ min-width: 160px; max-width: 160px; } #data div.tab-content.container-fluid form#fmNodeAdd div.input-group-prepend.full-large{ width: 84%; margin-bottom: 0.3rem; } #data div.tab-content.container-fluid form#fmNodeAdd div.input-group-prepend.full-large span.input-group-text{ width: 100%; font-size: 0.9rem; } #data div.tab-content.container-fluid form#fmNodeAdd div.form-check{ min-width: 50px; max-width: 50px; margin-bottom: 0.3rem; } */ /* form#authSession.form div.input-group-prepend input.form{ box-sizing: border-box; border-radius: 0; }*/ /******************************** ********Home Slider CSS********** *********************************/ /*#home-slider { overflow: hidden; position: relative; } #home-slider .caption { position: absolute; top: 50%; margin-top: -104px; left: 0; right: 0; text-align: center; text-transform: uppercase; z-index: 15; font-size: 18px; font-weight: 300; color: #fff; } #home-slider .caption h1 { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 30px; } .caption .btn-start { color: #fff; font-size: 14px; font-weight: 600; padding:14px 40px; border: 1px solid #6e6d6c; border-radius: 4px; margin-top: 40px; } .caption .btn-start:hover { color: #fff } .carousel-fade .carousel-inner .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; background-repeat: no-repeat; background-size: cover; height: 2037px; } .carousel-fade .carousel-inner .carousel-item:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel-control-prev, .carousel-control-next { } .carousel-control-prev { } .carousel-control-next { } .carousel-control-prev:hover, .carousel-control-next:hover { } #home-slider:hover .carousel-control-prev { } #home-slider:hover .carousel-control-next { } #home-slider .fa-angle-down { position: absolute; left: 50%; bottom: 50px; color: #fff; display: inline-block; width: 24px; margin-left: -12px; font-size: 24px; line-height: 24px; z-index: 999; } .navbar-right li.active a { background-color: rgba(0,0,0,.2); } .navbar-brand h1 { } .navbar-right li a { color: #666666; font-weight: 600; } .navbar-right li.active a { } /************************* ********Service CSS******* **************************/ /*.service-icon { border-radius: 4px; color: #fff; display: inline-block; font-size: 36px; height: 90px; line-height: 90px; width: 90px; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .our-services .col-sm-4:hover .service-icon { background-color: #333; } .our-services .col-sm-3 { width: 24%; padding-bottom: 30px; } .our-services .col-sm-4 { border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding-bottom: 50px; } .our-services .col-sm-4:nth-child(4), .our-services .col-sm-4:nth-child(5), .our-services .col-sm-4:nth-child(6) { border-bottom:0; padding-top: 60px; } .our-services .col-sm-4:nth-child(3), .our-services .col-sm-4:nth-child(6) { border-right:0; } .service-info h3 { margin-top: 35px; }*/ /************************* **********Blog CSS******** **************************/ /*.post-thumb { position: relative; min-height: 241px; max-width: 360px; } .post-thumb img { border-radius:4px; max-height: 241px; max-width: 360px; } .post-icon { position: absolute; top:10px; right:10px; height: 30px; width: 30px; border-radius:4px; text-align: center; z-index: 1; } .post-icon img { max-width: 30px; max-height: 30px; } .post-meta { position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; } .post-meta span { margin-right: 16px; } #post-carousel .carousel-indicators { bottom: 3px; left: 90%; } .blog-left-control, .blog-right-control { position: absolute; top: 45%; width: 30px; text-align: center; color: rgba(255,255,255,.7); font-size: 36px; } .blog-left-control { left: 0; } .blog-right-control { right: 0; } .blog-left-control:hover, .blog-right-control:hover { color: #fff; } .entry-header h5 a { position: absolute; top:87%; height: 30px; width: 100%; line-height: 30px; border-radius:4px; text-align: center; background: rgba(0,0,0,.5); color: #fff; font-size: 14px; font-weight: bold; } .entry-header .date { position: absolute; top:10px; height: 30px; width: 100%; line-height: 30px; border-radius:4px; text-align: left; padding-left: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 10px; font-weight: bold; } .entry-header .cetagory { display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase; position: relative; } .entry-header .date:after { } .entry-content { font-size: 14px; } .load-more { display:block; text-align: center; margin-top: 70px; } .btn-loadmore { border: 1px solid #f2f2f2; color: #666666; font-size: 14px; font-weight: 600; padding: 15px 125px; text-transform: uppercase; } .btn-loadmore:hover { color:#fff; }*/ /************************* *****Pricing Table CSS**** **************************/ /*.pricing-table { text-align: center; } .single-table { padding: 30px 20px 20px; border:1px solid #f2f2f2; } .single-table h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } .price { font-size: 36px; line-height: 36px; } .price span { font-size: 14px; line-height: 14px; } .single-table ul { list-style: none; padding: 0; margin: 15px 0; } .single-table ul li { line-height: 20px; } .single-table.featured { color: #fff; } .single-table.featured h3 { color: #fff; } .single-table.featured .btn.btn-primary { background-color: #fff; }*/ /************************* ********portfolio CSS***** **************************/ /*#portfolio .container-fluid, #portfolio .col-sm-3 { overflow: hidden; padding: 0; } #portfolio .folio-item { position: relative; } #portfolio .overlay { background-color: #000; color: #fff; left: 0; right:0; bottom:-100%; height: 0; position: absolute; text-align: center; opacity:0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .overlay .overlay-content { display: table; height: 100%; width: 100%; } .overlay .overlay-text { display: table-cell; vertical-align: middle; } .overlay .folio-info { opacity: 0; margin-bottom: 75px; margin-top: -75px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .overlay .folio-info h3 { margin-top: 0; color: #fff; } .folio-overview a { font-size: 18px; color: #333; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; background-color: #fff; display: inline-block; margin-top: 20px; margin-right: 5px; } .folio-overview a:hover { color: #fff; } .folio-overview .folio-expand { margin-top: -500px; margin-left: -500px; } .folio-image, .folio-overview .folio-expand { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #portfolio .folio-item:hover .folio-image { -webkit-transform: scale(1.5) rotate(-15deg); transform: scale(1.5) rotate(-15deg); } .folio-image img { width: 100%; } #portfolio .folio-item:hover .overlay { opacity: 0.8; bottom: 0; height: 100%; } #portfolio .folio-item:hover .folio-overview .folio-expand { margin-top: 0; margin-left:0; } #portfolio .folio-item:hover .overlay .folio-info { opacity: 1; margin-bottom:0; margin-top:0; } #single-portfolio { padding: 90px 0; background: #f5f5f5; position: relative; } #single-portfolio img { width: 100%; margin-bottom: 10px; } #single-portfolio .close-folio-item { position: absolute; top: 30px; font-size: 34px; width: 34px; height: 34px; left: 50%; color: #999; margin-left: -17px; }*/ /************************* **********Contact CSS***** **************************/ /*#contact { padding-top: 45px; padding-bottom: 0; } #contact-us { padding-bottom: 90px; } #contact-us .heading { padding-top: 10px; } .form-control { background-color: transparent; border-color: rgba(255,255,255,.1); border-radius: 0; box-shadow: none; } textarea.form-control { min-height: 180px; resize:none; } textarea.form { min-height: 70px; min-width: 250px; resize:none; } .form-group { margin-bottom: 30px; } .contact-info { padding-left:70px; font-weight: 300; } ul.address { margin-top: 30px; list-style: none; padding: 0; margin: 0; } .contact-info ul li { margin-bottom: 8px; } .contact-info ul li a { color: #fff; } .btn-submit { display: block; padding: 12px; width: 100%; color: #fff; border:0; margin-top: 40px; } #footerpartnersprint { margin-left: auto; margin-right: auto; width: 70%; border-radius: 10px; text-align: center; background-color: #fff; } #footerpartnersprint img { max-width: 64px; border-radius: 10px; } #footer { } #footer .footer-top { position: relative; padding: 10px 0 5px; } #footer .footer-bottom { padding: 10px 0 5px; } #footer .footer-bottom a:hover { text-decoration: underline; } .footer-logo { display: inline-block; margin-bottom: 5px; } #footer .social-icons { margin-top: 15px; } #footer .social-icons ul { list-style: none; padding: 0; margin: 0; } #footer .social-icons ul li a { border-radius: 4px; line-height: 33px; } #footer .social-icons ul li a:hover { } #footer .social-icons ul li a.envelope:hover { background-color: #CECB26; } #footer .social-icons ul li a.facebook:hover { background-color: #3b5999; } #footer .social-icons ul li a.twitter:hover { background-color: #2ac6f7; } #footer .social-icons ul li a.dribbble:hover { background-color: #ff5b92; } #footer .social-icons ul li a.linkedin:hover { background-color: #036dc0; } #footer .social-icons ul li a.tumblr:hover { background-color: #ff6b00; }*/ /* PERSONAL STYLES */ /******************************************/ /* Formulaire public inscription/adhésion */ /******************************************/ /*form.form div.row div.input-group-prepend span.input-group-text, form.form div.row div.input-group-prepend span.input-group-addon { width: 50px; } #fmtextinfo.form.container-fluid div.row p.input-group input.form, #fmtextinfo.form.container-fluid div.row p.input-group select.form, #fmtextinfo.form.container-fluid div.row p.input-group textarea.form{ font-size: .75rem; font-family: inherit; padding-left: 0.50rem; background-color: #fff; border: 1px solid #c8c8c8; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } #fmtextinfo.form.container-fluid div.row p.input-group select.form{ min-width: 9rem; } #fmtextinfo.form.container-fluid div.row p.input-group textarea.form{ }*/ /********************************/ /* Formulaie d'authentification */ /********************************/ /*form#authSession.form div.input-group-prepend input.form{ font-size: .75rem; font-family: inherit; padding-left: 0.50rem; background-color: #fff; border: 1px solid #c8c8c8; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } form#authSession.form div.input-group-prepend span i.fa{ padding: .15rem; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; min-width: 4rem; max-width: 4rem; } #data span.input-group-addon i, #data span.input-group-addon span.fa{ margin-right: 8px; } #data span.input-group-addon{ text-align : left; } #data table.dataTable span.fa{ margin-left: 6px; } #data .dataTables_wrapper{ background-color: #fff; opacity: .90; } #data form span img#pictoObject { max-width: 22px; } #footerpartnersprint { margin-left: auto; margin-right: auto; width: 70%; border-radius: 10px; text-align: center; } #footerpartnersprint img { max-width: 64px; border-radius: 10px; }*/ /******************/ /* Footer du site */ /******************/ /*#footerdata{ clear: both; display: block; border: 0px; margin: 0px; margin-right: 0px; padding: 0px; font-weight: bold; text-align: center; margin-top: 0px; }*/ /*#data div.tab-content.container-fluid div.card{ padding-left: 3px !important; padding-right: 3px !important; } #data div.tab-content.container-fluid div.card form.form-input label.btn.btn-danger.btn-xs.toggle-off, #data div.tab-content.container-fluid div.card form.form-input label.btn.btn-success.btn-xs.toggle-on{ font: 0.8em 'Open Sans', sans-serif; } #data div.tab-content.container-fluid form.form-input div.toggle.btn.btn-xs.float-right{ max-height: 25px; }*/ /****************************/ /***dataTables */ /****************************/ #data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper div.dataTables_paginate ul.pagination { --bs-pagination-padding-x: 0.25rem; --bs-pagination-padding-y: 0.05rem; --bs-pagination-font-size: 0.75rem; } /****************************/ /***ADMIN NEWS actionAdmin***/ /****************************/ /*#data table.dataTable{ margin-top: 0 !important; } #data table.dataTable span.fa{ } #data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper.dt-bootstrap4{ padding-top: 5px; } #data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper.dt-bootstrap4 div.row div.col-md-6{ max-height: 32px; } #data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper.dt-bootstrap4 div.dataTables_length label select{ height: 30px; padding: 0; max-width: 50px; border: 1px solid #c8c8c8; } #data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper.dt-bootstrap4 div.dataTables_filter label input{ height: 30px; padding: 0; border: 1px solid #c8c8c8; } #data div.tab-content.container-fluid div.card div.card-body div table.table tbody tr.odd td span a span.isdisabled{ color: currentColor; cursor: default; opacity: 0.5; text-decoration: none; }*/