:root { --first-green:#82a62f; --second-green: #dce8cc; --third-green: #516827; --grey-green-dark:#647365; --dark-green: #3f724e; --flash-green: #9ccd66; --brown-green: #847e22; --white: #fdfdfd; --white-grey:#f5f5f5; --categs-size:0; --entete-rotate:6deg; --black-green:#414841; --slop-angle:-21deg; --slop-angle-reverse: 21deg; --header-height:140px; } /*General*/ html { height: 100%; } body { /* background-image: url('../img/fond.jpg');*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; color:var(--black-green); background-color: var(--white); min-width: 320px; height:100%; font-size:15px; } .form-control:focus { border-color: var(--dark-green); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(170, 191, 170, 0.6) } .color-fa .fa-check { color: green; } .color-fa .fa-times { color: darkred; opacity: 0.5; } .thumbnail {border-radius:0;} h1{text-align: center; letter-spacing:2px;} h2{letter-spacing:1px;margin:10px 0;} .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {float:left; position:relative;min-height:1px; padding-left:15px;padding-right:15px;} .m-tp-0 { margin-top:0; } .m-tp-xs { margin-top:5px; } .m-tp-sm { margin-top:10px; } .m-tp-md { margin-top:15px; } .m-tp-lg { margin-top:20px; } .m-tp-xl { margin-top:30px; } .m-tp-xxl { margin-top:40px; } .m-tp-xxxl { margin-top:50px; } .p-tp-0 { padding-top:0; } .p-tp-xs { padding-top:5px; } .p-tp-sm { padding-top:10px; } .p-tp-md { padding-top:15px; } .p-tp-lg { padding-top:20px; } .p-tp-xl { padding-top:30px; } .p-tp-xxl { padding-top:40px; } .p-tp-xxxl { padding-top:50px; } .m-bt-0 { margin-bottom:0; } .m-bt-xs { margin-bottom:5px; } .m-bt-sm { margin-bottom:10px; } .m-bt-md { margin-bottom:15px; } .m-bt-lg { margin-bottom:20px; } .m-bt-xl { margin-bottom:30px; } .m-bt-xxl { margin-bottom:40px; } .m-bt-xxxl { margin-bottom:50px; } .p-bt-0 { padding-bottom:0; } .p-bt-xs { padding-bottom:5px; } .p-bt-sm { padding-bottom:10px; } .p-bt-md { padding-bottom:15px; } .p-bt-lg { padding-bottom:20px; } .p-bt-xl { padding-bottom:30px; } .p-bt-xxl { padding-bottom:40px; } .p-bt-xxxl { padding-bottom:50px; } .p-tpbt-0 {padding-bottom:0;padding-top:0;} .p-tpbt-xs {padding-bottom:5px;padding-top:5px;} .p-tpbt-sm {padding-bottom:10px;padding-top:10px;} .p-tpbt-md {padding-left:15px; padding-right:15px;} .p-tpbt-lg {padding-bottom:20px;padding-top:20px;} .p-tpbt-xl {padding-bottom:30px;padding-top:30px;} .p-tpbt-xxl {padding-bottom:40px;padding-top:40px;} .p-tpbt-xxxl {padding-bottom:50px;padding-top:50px;} .p-lr-0 {padding-left:0; padding-right:0;} .p-lr-xs {padding-left:5px; padding-right:5px;} .p-lr-sm {padding-left:10px; padding-right:10px;} .p-lr-md {padding-left:15px; padding-right:15px;} .p-lr-lg {padding-left:20px; padding-right:20px;} .p-lr-xl {padding-left:30px; padding-right:30px;} .p-lr-xxl {padding-left:40px; padding-right:40px;} .p-lr-xxxl {padding-left:50px; padding-right:50px;} .m-l-0 {margin-left:0;} .m-l-xs {margin-left:5px;} .m-l-sm {margin-left:10px;} .m-l-md {margin-left:15px;} .m-l-lg {margin-left:20px;} .m-l-xl {margin-left:30px;} .m-l-xxl {margin-left:40px;} .m-l-xxxl {margin-left:50px;} .m-r-0 {margin-right:0;} .m-r-xs {margin-right:5px;} .m-r-sm {margin-right:10px;} .m-r-md {margin-right:15px;} .m-r-lg {margin-right:20px;} .m-r-xl {margin-right:30px;} .m-r-xxl {margin-right:40px;} .m-r-xxxl {margin-right:50px;} .m-lr-0 {margin-left:0; margin-right:0;} .m-lr-xs {margin-left:5px; margin-right:5px;} .m-lr-sm {margin-left:10px; margin-right:10px;} .m-lr-md {margin-left:15px; margin-right:15px;} .m-lr-lg {margin-left:20px; margin-right:20px;} .m-lr-xl {margin-left:30px; margin-right:30px;} .m-lr-xxl {margin-left:40px; margin-right:40px;} .m-lr-xxxl {margin-left:50px; margin-right:50px;} .gap-0 { gap:0;} .gap-xs { gap:5px;} .gap-sm { gap:10px;} .gap-md { gap:15px;} .gap-lg { gap:20px;} .gap-xl { gap:30px;} .gap-xxl { gap:40px;} .gap-xxxl { gap:50px;} .bor-rad-0 {border-radius:0;} .link-no-decoration:hover, .link-no-decoration:active, .link-no-decoration:focus, .link-no-decoration:visited {text-decoration:none;} .btn-header {border:none; background-color:transparent; font-weight:bold; color:var(--white); border-radius:0;} .btn-header:hover, .btn-header a:hover, .btn-header:focus, .btn-header:active { box-shadow:none; outline:none; color:var(--black-green); border:none;} /* Structure */ #container { background-color:#fdfdfd; min-height: 100%; padding-bottom: 0; display: flex; flex-direction: column;} /* Header */ #header { background-color:#82a62f; z-index:10;border-bottom:5px solid var(--first-green); height:var(--header-height)} #header-left {background-color:var(--white); padding:0;} #header-left .header-text {text-align:right; text-transform: uppercase; color: rgb(112,116,103); font-size: 1.2rem; display:flex; justify-content: center; align-items:center; margin:auto; } #header-left .header-text label {white-space: pre-wrap; margin-top:4px; text-align:left;} #header-left .header-text .sep { display:none;} #header-left .ephytia-logo {padding-top:1em;} #header-left .ephytia-logo img {max-height:44px;} #header-right { --height-bloc-slop: calc(var(--header-height) / cos(var(--slop-angle-reverse))); --width-bloc-slop: calc(var(--header-height) * tan(var(--slop-angle-reverse))); --translateXSlope: calc(40px + var(--width-bloc-slop)); --translateYSlope: calc(-0.5 * var(--height-bloc-slop)); } #header-right:before { position:absolute; content:""; background:var(--first-green); width:var(--width-bloc-slop); height:var(--height-bloc-slop); transform-origin: top left; transform: translate3d(calc(-1 * var(--translateXSlope)), var(--translateYSlope), 0) rotate(var(--slop-angle)); } .header-languages { position:relative; } .header-languages ul.list-inline {margin:0.5em 0;} .header-languages .dropdown-toggle { text-transform: capitalize; } .header-languages .dropdown-toggle[aria-expanded="true"] { color:var(--black-green); } .header-languages .dropdown-toggle .caret { transform:rotate(90deg); color:transparent; transition:color, transform 100ms ease-in } .header-languages .dropdown-toggle img { width:24px; filter:grayscale(0.5); transition: filter 300ms ease-in;} .header-languages .dropdown-toggle[aria-expanded="true"] img { filter:grayscale(0)} .header-languages .dropdown-toggle:hover img { filter:grayscale(0)} .header-languages .dropdown-toggle:hover .caret { transform:rotate(90deg); color:currentColor;} .header-languages .dropdown-toggle[aria-expanded="true"] .caret { color:var(--black-green); transform:rotate(0deg) !important;} .header-languages .dropdown-menu { padding:0;} .header-languages .dropdown-menu li a { text-transform: capitalize; font-weight: bold; color:var(--black-green); } .header-languages .dropdown-menu li.active a { background-color: var(--second-green); color:var(--black-green);} .header-languages.header-register .btn-header { display:flex; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; justify-content: center;align-items: center; gap: 5px; font-size:1.5rem; overflow:hidden; padding:5px;} #header-right .sep {margin:auto 5px; color: var(--second-green); transform:rotate(-4deg); } #header-right .sep:after { content:"\\"; font-size:2rem; font-weight: bold; } .header-register a .fa { font-size:1.8rem; margin-top:2px;} #header-first-row { margin-top:6px;} #header-second-row { margin-top:6px;} #header-second-row form { margin-right: 20px;} #header-center ul.list-languages img {opacity:0.8;} #header-right .inra-logo { padding:5px;} #header-right .inra-logo img { height:25px; } .header-search form .form-group {margin-bottom:0; background-color: var(--second-green); transform:skew(var(--slop-angle-reverse));} .header-search form .form-control { background-color: transparent; border-radius:0; box-shadow:none; border:none; border-bottom:2px solid var(--flash-green); transform:skew(var(--slop-angle)); margin: 0px 6px; padding:0;} .header-search .input-group-btn { width:auto; border-left:6px solid var(--first-green);} .header-search .input-group-btn button.btn { transform:skew(var(--slop-angle)); background:transparent; border:none; padding-top:9px; padding-bottom:9px; } @media (min-width: 500px) { #header-left .header-text label {white-space: normal; } #header-left .header-text .sep { display:inline;} #header-right .header-register a.btn-header { justify-content:center;} .header-languages.header-register .btn-header { font-size: 1.7rem; } } @media (min-width: 768px) { #header-left .ephytia-logo img {max-height:72px; } #header-left .header-text { font-size:1.3rem;} #header-right { --translateXSlope: calc(15px + var(--width-bloc-slop)); --translateYSlope: 3px; } #header-first-row { margin-top:10px;} #header-second-row { margin-top:20px;} } @media (min-width: 992px) { #header-left .ephytia-logo img {max-height:90px; margin:auto;} #header-left .header-text { font-size:1.5rem;} } #footer {background:#82a62f;border:none;margin:0px -15px;border-radius: 0px; } #footer .navbar-brand img {max-height:30px;top: -5px; position: relative;} #footer .navbar-text, #footer a {color:#fff;} #content {padding-bottom:15px; flex-grow: 1; letter-spacing: 1px;} /*#header.affix { width:1170px; animation-name : resizeHeader; animation-duration: 1s; height:65px; border-bottom: thin solid #ddd;} #header.affix #header-left .header-text {display:none;} #header.affix #header-left .ephytia-logo img {animation-name : resizeHeaderLogo; animation-duration: 1s; height:60px; margin-left:20px;} #header.affix #header-right .inra-logo img {animation-name: resizeHeaderLogo; animation-duration:1s; height:60px;} /*#header.affix #header-search {animation-name: searchBox; animation-duration:0.5s; margin-left:0px; }*/ .col-1-5 { width:20%; } .col-2-5 { width:40%; } .col-3-5 { width:60%; } .col-4-5 { width:80%; } #toolbox.navbar { background-color: #dce8cc; border-radius:0px; border:none; border-bottom:2px solid rgba(113, 134, 110, 0.7); margin:0; min-height: 35px; clear:both;} #toolbox.navbar-default .navbar-nav>li>a { color: #647365; padding:7px;} #toolbox.navbar-default .navbar-nav>.active>a {color:#fff; background-color:#82a62f;} #breadcrumb { border-bottom: thin solid #ddd;clear:both;} #breadcrumb ul.breadcrumb {border-radius:0px;margin-bottom:0px;} #breadcrumb li {display:inline; line-height:30px;} #breadcrumb li a { color: grey; display: inline;} #breadcrumb li.first a i {font-size: 30px;} #breadcrumb li.last a { color:var(--black-green); } #breadcrumb li a img { height: 30px; margin-right:2px;} #breadcrumb span{ margin-right: 3px; } #breadcrumb .wrapper-svg { display:inline-block; width:30px; height:30px; transform: translateY(8px); opacity: 0.9} .controls_link { height: 30px; margin:5px -15px; text-align: right; } .toolbar_manager .btn, .controls_link .btn { margin-right:2px; font-size: 1.4em;} .content-max-width { max-width: 1570px; } #inner_middle_content p {text-align: justify;} #inner_middle_content {margin-top:10px; padding:0px;} #inner_middle_content h1 {color: #444;letter-spacing: 3px;} #inner_middle_content a img.thumb { display:block; max-width:100%;height:auto; margin:auto; } .row.title {margin-bottom:30px; margin-top:30px;} /* Modal */ #custom-modal-lg .modal-body h1, #custom-modal .modal-body h1 { display:none; } #custom-modal-lg .modal-header img.flag-lang, #custom-modal .modal-header img.flag-lang {display:none;} #custom-modal-lg.show-flag-lang .modal-header img.flag-lang, #custom-modal.show-flag-lang .modal-header img.flag-lang { float:left; display:block; } .modal-header { background: var(--black-green); color:var(--white);} .modal-header button.close { color:var(--second-green); font-size:3rem; opacity: 0.4; } .modal-header button.close:hover { opacity: 0.8; } .modal-header h1 { margin:0; } .modal-header-image {padding:5px 15px;} .modal-header-image h1 {font-size:1.6em;} .modal-content {background-color: var(--white);} .modal-body-image {padding:0px;} .modal-body-image p {margin:auto 0px;} .modal-body-image p img {margin:auto; width:100%;} .modal-footer-image {padding:5px 15px;} .modal-footer-image a.blank {opacity: 0;cursor:default;} .modal-indicator {width:100%;height:100%; position:absolute; background-color:rgba(0,0,0,0.7); color: #f5f5f5; z-index: 100; border-radius: 4px; display: none; } .modal-indicator i {position:absolute;top:45%;left:47%;} .table-indicator {display:none;} .row-indicator {display:none;} .row-indicator h3 {margin:0.25em;} /* Card */ .border { border:thin solid #ddd; } /* Home */ .home h2 { text-transform:uppercase; font-size:2.2rem; font-weight:bold;} .home h3 { font-weight:bold;} #enteteEphy {} #textIntro { z-index:10; position:relative; border-radius:5px; max-width:510px;transform:rotate(var(--entete-rotate)); text-align: justify; background-color:var(--first-green); color:var(--white); margin-top: -31vh; margin-bottom: 10vh; box-shadow: 10px 10px 0px 0px var(--second-green), 9px 11px 12px 0px var(--grey-green-dark); } #innerTextIntro {border-radius:5px; background:var(--grey-green-dark); padding:20px; transform:rotate(calc(-1 * var(--entete-rotate))); box-shadow: 0px 0px 6px -1px var(--dark-green);} #imageIntro { height:40vh; } #imageIntro img { height:80vh; filter:grayscale(0.5) } #textIntro h1 {margin:0; margin-bottom:20px; padding:9px;text-transform: uppercase; font-size:5rem; color:var(--white); } #textIntro li { margin-left:10px; margin-bottom:5px;} #textIntro ul { padding-left:10px; } #enteteCategs { z-index: 10; background:var(--second-green); margin:0 -15px; position:relative;} #categs_products { margin-top:30px; margin-bottom:30px;} .CategsProduct { min-width:29%; max-width:100%; margin:15px; } .CategsProduct a { background-color:var(--white); text-decoration:none; box-shadow: 0 8px 6px -6px #777; height:100%; border-radius:5px; border-bottom:4px solid var(--flash-green); color:var(--grey-green-dark); transition-property: color, background-color, border-color; transition-duration: 0.3s; transition-timing-function: ease-out;} .CategsProduct a:hover { text-decoration: none; border-bottom-color:var(--first-green); color:var(--first-green); } .CategsProduct a:visited, .CategsProduct a:active { text-decoration: none;} .CategsProduct a svg{ height: 110px; padding: 10px; width: 100px; } .CategsProduct a h3 { text-transform:uppercase; text-align:center; padding:5px; margin:0; font-size:1.8rem;} #homeNews { z-index: 5; box-shadow: 0 60px 0 -56px var(--second-green) } #homeMobile { padding-top: 30px; } .home-bloc { } .home-bloc .title { height:170px; } .home-bloc .title h2 { background-color:#ffffffce; margin-top: -85px; z-index: 5; padding: 5px; text-align:center} .home-bloc .title img { margin-right:10px; height:150px; z-index:5;} #inner_middle_content .home-bloc .content-text { padding:15px;} #inner_middle_content .home-bloc .content-text ul { padding-left:15px; } #inner_middle_content .home-bloc a { color:var(--brown-green)} #inner_middle_content .home-bloc .thumb { width:100px; max-width:unset;} #inner_middle_content .home-bloc h3 { padding-left:15px; color:var(--grey-green-dark); font-size:2rem; margin-bottom:20px; } #inner_middle_content .home-bloc h3:before { content:""; width:10px; height:10px; background:var(--flash-green); position:absolute; margin-left: -15px;margin-top: 7px;} .ui-autocomplete {z-index:3000!important; max-height: 300px; overflow-y:scroll; overflow-x:hidden;} @media (min-width: 992px) { :root { --categs-size:800px; } #textIntro {transform: translateX(4vw) rotate(var(--entete-rotate)); margin:0; } #imageIntro { width:50%; height:auto;} #imageIntro img { height:500px;filter:grayscale(0.5) } #enteteCategs { height:var(--categs-size);} #homeNews.home-bloc { margin-top: calc(-1 * calc(var(--categs-size) - 20px)) !important; z-index: 15; background:var(--white); border-radius: 5px; box-shadow: 0 1px 0 4px var(--second-green), 6px 6px 8px -3px var(--grey-green-dark); margin-bottom:auto; order:2; } #homeMobile.home-bloc { order:1; } .home-bloc .title img {height:170px;} .home-bloc .title h2 { margin-top: -95px;} } /* Categs Product */ .categs-product h1 { text-transform: uppercase; font-size:3rem; margin:10px;} .categs-product #content svg { height: 80px; padding: 10px; width: 80px; } .SubCategsProduct { margin-bottom:50px; padding:25px; } .SubCategsProduct:nth-child(2n+1) { background-color:var(--second-green); border-radius:4px;} .SubCategsProductDetail { margin:0; border:none; background:transparent; padding:0;} .SubCategsProductDetail .controls_link { margin:0 10px;} .SubCategsProductDetail .caption { background:transparent; padding:0;} .SubCategsProductDetail .caption h2.caption-title { background-color:#647365; color:var(--white-grey); padding:9px; margin:0; margin-bottom:10px; font-size:1.5em; display:flex; align-items: center; min-width: 200px; min-height: 80px;} .SubCategsProductDetail .caption .caption-text {} .SubCategsProducts { padding:0; margin-top:25px; margin-left:-10px; margin-right:-10px;} .SubCategsProduct a.Product {margin:0; border:none; background-color:var(--white-grey); padding:10px; } .SubCategsProduct a.Product {background-color:transparent;} .SubCategsProduct a.Product:hover {text-decoration:none;} .SubCategsProduct a.Product .caption {background-color:var(--white-grey); color:#647365; height:54px; margin-top:5px; box-shadow: 0 8px 6px -6px #777; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .SubCategsProduct a.Product .caption h3 {margin:0; font-size:1.6em;} .SubCategsProduct a.Product:hover .caption { color:var(--white-grey); transition: all 0.4s ease-in-out; background-color:#647365; height:74px;} .SubCategsProduct a.Product .product-poster { height:165px; overflow:hidden; background-color:var(--white-grey); border-top-left-radius: 5px; border-top-right-radius: 5px;} .SubCategsProduct a.Product:hover .product-poster {height:145px; transition: all 0.4s ease-in-out;} .SubCategsProduct a.Product .product-poster img { width:100%; position:relative; top:-40%; } .SubCategsProduct a.Product:hover .product-poster img {top:0;transition: all 0.4s ease-in-out;} .SubCategsProductDetail .toolbar_manager {position:absolute; right:0; top:0; margin-top:-45px; padding:5px;} @media (min-width: 992px) { .SubCategsProductDetail .caption h2.caption-title { margin-right: 15px; } } /* Product */ div.partners ul li a img { height:50px; } div.partners ul {margin:5px 0px;text-align:right;} #div_menu_contents_products_root { margin-right: -30px; margin-left: -30px; clear:both;} /* Content */ #preContent { padding:0; overflow-y:hidden;} #div_image_presentation {/*margin-right: -30px; margin-left: -30px;*/ max-height: 250px; min-height:60px;} #div_image_presentation .ImagePresentation {text-align:center;padding:0;} #div_image_presentation .ImagePresentation img.bandeau {width:100%;} #linked_images {padding:0px; margin-top:20px; display:flex; flex-wrap:wrap;} #linked_images .thumbnail {border:none; margin-bottom: 0px;} #linked_images .thumbnail a img {} #linked_images .thumbnail .caption {text-align:center;padding:5px;} #linked_images .thumbnail .image-controls-link {display:inline-block; position:relative;height:0px;float:right;} #linked_images .thumbnail .image-controls-link a.badge {display:block;margin:2px;} #contentHelperNavigation { position:relative; background-color:var(--white-grey); width:fit-content; display:flex; margin:10px; min-height:10px; } #contentHelperNavigation a.link-content-parent { padding:15px; color:var(--black-green); border:thin solid #ddd; padding-left:40px; box-shadow: 5px -5px 0px 0px var(--second-green); } #contentHelperNavigation a:before { background-image :url('data:image/svg+xml,'); content:" "; position:absolute; width:20px; height:20px; margin-left:-25px; } #contentHelperNavigation a.link-content-parent:hover { text-decoration: none; } #contentHelperNavigation a.link-content-parent svg { height:25px;} /* BaseImage */ #baseImage { height: 60px; overflow:hidden;} #container.baseImage-fullscreen #baseImage { z-index:50; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%;} #authors{ margin-top: 15px; border-top: 1px solid #ddd; color:#535353;font-size:0.9em;} #authors li.author {padding:0;} #authors li.author span.firstname {text-transform: uppercase;} #authors li.author span.firstname::after {content:".";} #authors li.author::after {content:",";} #authors li.author:last-child::after {content:"";} #div_menu_contents { z-index:1; /*margin-right:-30px; margin-left:-30px;*/} ul#menu_contents_products_root.nav-tabs, ul#menu_contents.nav-tabs {border-bottom:thin solid #ddd; padding:0px; margin:0; display:flex; flex-wrap:wrap;} ul#menu_contents_products_root.nav-tabs li, ul#menu_contents.nav-tabs li {margin:0px; text-align:center; border-bottom:5px solid #f5f5f5; min-height:50px;/*height:65px;*/ background-color: #f5f5f5; border-left:thin solid #ddd; border-right:thin solid #ddd;padding: 0px;border-top: 1px solid #ddd; display:flex;} /*ul#menu_contents_products_root.nav-tabs li:first-child, ul#menu_contents.nav-tabs li:first-child {border-left:none;}*/ ul#menu_contents_products_root.nav-tabs li a , ul#menu_contents.nav-tabs li a {border-radius:0px;margin:0px;border:none; color:#647365; font-size:1.1em; letter-spacing: 0.055em; flex-basis:100%; } ul#menu_contents_products_root.nav-tabs li a:hover , ul#menu_contents.nav-tabs li a:hover {color:var(--black-green); background-color:#dce8cc;} ul#menu_contents_products_root.nav-tabs li:hover, ul#menu_contents.nav-tabs li:hover {transition: all 0.4s ease-in-out; border-bottom-color:#71866e;} ul#menu_contents.nav-tabs li.active { border-bottom-color: #82a62f;} ul#menu_contents.nav-tabs li.active a{ background-color:#f8fdf7;} ul#menu_contents_products_root.nav-tabs::before, ul#menu_contents::before {content:'';display:none;} ul#menu_contents_products_root.nav-tabs::after, ul#menu_contents::after {content:'';display:none;} /* ContentDiag */ #linked_images_diag { clear:both; } #linked_images_diag .thumbnail { margin-bottom: 10px; padding-top: 10px; background-color: #f5f5f5;} #linked_images_diag .thumbnail img.img-thumbnail { border:none; padding: 0; border-radius: 0px;} #linked_images_diag .thumbnail .image-controls-link {display: inline-block; position: relative; height: 0px; float: right;} #linked_images_diag .thumbnail .caption {text-align:center;} #linked_images_diag .ContentDiagnostic, #linked_images_diag .ConfirmationDiagnostic {margin:0;padding-left: 5px; padding-right: 5px;} #linked_images_diag a.ContentDiagnosticLink, #linked_images_diag .ConfirmationDiagnosticImage {height:240px; display:block; overflow:hidden;} /* Admin Form */ #tabs_content div.tab-content {border:thin solid #ddd; border-top:none; padding:5px;} /*.form-group-submit {padding: 5px 0px; margin-bottom: 0px; text-align: right;}*/ .form-group span.help-block {margin-bottom:0px;} .modal-body .table-responsive {margin:0px -15px;margin-top: -15px;} .table-responsive table thead th .input-group .input-group-addon {padding:6px;} .table-responsive table thead th .form-group {margin-bottom:0px;} .table-responsive table thead th .form-group .form-control {padding:6px;} .table-responsive table thead th .input-group-btn button {padding:9px 6px;} .table-responsive table tbody img.thumb {max-width: 75px;} .paginator .pag-numbers {text-align:center; font-size: 1.1em; line-height: 34px;} .paginator .pag-list {text-align:right;} .paginator .pag-list .form-group {margin-bottom:0px;} a.badge {padding:2px 6px; background-color:#d5d5d5; border: thin solid #777;color:#535353; font-weight: normal;} a.badge:focus {color:#535353;} a.badge:hover {color:#ddd;background-color:#535353;} a.badge img {height:12px;} /* Plupload */ .form-group .plupload-file-item-preview {width:80px;} .form-group .plupload-fileslist {padding:15px;} .form-group .plupload-file-item-preview img{ max-height: 50px; max-width: 80px; } .form-group .plupload-file-item-root {display:none;} .form-group .plupload-file-item { margin:0; } /* Geoloc */ #container.geoloc #middle_content {width:100%;} #container.geoloc .olPopupCloseBox {top: 45px !important; right: 25px !important;} #Infos_contentDiv {padding:0px 20px; width: 98% !important; background-color:#fafafa;} #geoloc_wait {position: absolute; width: 100%; height: 100%; background-color: rgba(100, 115, 101, 0.64); z-index: 100;} #geoloc_wait p {padding-top:250px;} #geoloc_map { } #geoloc_tab_content {position:absolute; z-index:9999; /*background-color: rgba(100, 115, 101, 0.64);*/ } #geoloc_map, #modelsPane, #optionsPane { height:840px; background-color: rgba(100, 115, 101, 0.64); } #modelsPane {overflow-y: auto; overflow-x: hidden;} .obs-listing > br {display:none;} .obs-listing-item > div.list-group-item-heading { margin: 0; } .obs-listing-item > div.list-group-item-heading > div.checkbox, .sous-obs-listing-item > div.checkbox { margin: 0; } .obs-listing-item > div.list-group-item-heading > div.checkbox .input-group, .sous-obs-listing-item > div.checkbox .input-group {line-height: 1.2; } .obs-listing-item > div.list-group-item-heading > div.checkbox .input-group-addon, .sous-obs-listing-item > div.checkbox .input-group-addon {padding:3px 6px; border:1px solid #ccc;border-radius: 0px;background-color:#fafafa; top: -3px; position: relative;} .obs-listing-item > div.list-group-item-heading > div.checkbox > label, .sous-obs-listing-item > div.checkbox >label { margin-top: 5px; } .obs-listing-item .checkbox input.observation.hasSousObs {font-family: FontAwesome; margin-left:-55px; top: -3px;} .obs-listing-item .checkbox input.observation.hasSousObs::before { content: "\f151"; margin-left:35px; } .obs-listing-item .checkbox input.observation.hasSousObs:checked::before { content: "\f150"; margin-left:35px; } /* Forms */ .panel-form .panel-heading h12 {margin:0px; padding:0px;} .panel-form .panel-body table.table {margin:0;} .panel-form .panel-body table.table tr:last-child td {border-bottom:1px solid #ddd;} li.form-linked-images { } li.form-linked-images a.thumbnail{ height:200px;/*max-width:180px;*/ display:flex; align-items: center;} li.form-linked-images a.thumbnail > img{max-height: 100%;} /* Exports */ #ExportFilterFilterForm .checkbox {padding-left:25px;} /* Stats */ #placeholder,#overview {margin:auto;} /* Messages */ #messages_counter {margin-left:5px;} #messageGroupProductGroup .messageGroupProductGroup .form-group {width:50%; float:left; padding-right: 15px; padding-left: 15px;} #recipient_selector {margin-bottom:10px;} #recipient_selector .radio {width:50%; float:left; padding-right: 15px; padding-left: 15px; margin-top:5px; margin-bottom:5px;} #roles_message_div .checkbox label:after { content:''; } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { #geoloc_map, #modelsPane, #optionsPane { height:750px; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 990px) { #geoloc_map, #modelsPane, #optionsPane { height:710px; } #container {width:100%;} } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { #header-left .ephytia-logo {padding-top:0.5em;} #geoloc_map, #modelsPane, #optionsPane { height:650px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { #geoloc_map, #modelsPane, #optionsPane { height:550px; } #middle_content {padding:0;} ul#menu_contents_products_root.nav-tabs li, ul#menu_contents.nav-tabs li { border-left:0px; } #footer .navbar-text { margin:5px 0px; } ul#menu_contents_products_root.nav-tabs, ul#menu_contents.nav-tabs { margin:0px; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { #geoloc_map, #modelsPane, #optionsPane { height:450px; } } @media only screen and (min-width : 768px) { #custom-modal-lg.modal-image .modal-lg { max-width:700px; width:auto;} } @media only screen and (min-width : 992px) { #text-intro .thumbnail {min-height: 470px;} } @media only screen and (min-width : 1200px) { .col-lg-1-5 { width:20%; } .col-lg-2-5 { width:40%; } .col-lg-3-5 { width:60%; } .col-lg-4-5 { width:80%; } } @media only screen and (min-width: 1600px) { ul#menu_contents_products_root.nav-tabs, ul#menu_contents.nav-tabs { border-right: thin solid #ddd;} .col-xl-1 { width:8.33333333%; } .col-xl-2 { width:16.66666667%; } .col-xl-3 { width:25%; } .col-xl-4 { width:33.33333333%; } .col-xl-5 { width:41.66666667%; } .col-xl-6 { width:50%; } .col-xl-8 { width:66.66666667%; } .col-xl-7 { width:58.33333333%; } .col-xl-9 { width:75%; } .col-xl-10 { width:83.33333333%; } .col-xl-11 { width:91.66666667%; } .col-xl-12 { width:100%; } .col-xl-offset-0 {margin-left:0; } .col-xl-offset-1 {margin-left:8.33333333%; } .col-xl-offset-2 { margin-left:16.66666667%; } .col-xl-offset-3 { margin-left:25%; } .col-xl-offset-4 { margin-left:33.33333333%; } .col-xl-offset-5 { margin-left:41.66666667%; } .col-xl-offset-6 { margin-left:50%; } .col-xl-offset-8 { margin-left:66.66666667%; } .col-xl-offset-7 { margin-left:58.33333333%; } .col-xl-offset-9 { margin-left:75%; } .col-xl-offset-10 { margin-left:83.33333333%; } .col-xl-offset-11 { margin-left:91.66666667%; } } /* ------ LIMITES ------ */ /*Historic and Stats*/ @media only screen and (max-width : 992px) { /*#FormFilterIndexForm select{ max-width: 100%; }*/ } /*@media only screen and (max-width : 480px) { #placeholder canvas{ transform: rotate(90deg); min-width: 500px; max-height: 70%!important; }*/ /*#down_overlayer { position:fixed; bottom:0; width:100%; display:none; z-index:2000; } #close_down_overlayer { position:relative; text-align:right; margin-right:5px; padding-bottom:5px;} #content_down_overlayer { text-align:center; background:rgba(255,255,255,0.8); border-top:2px solid #121212; height:300px; } #content_down_overlayer .item_carrousel { /*float:left; border: 1px dashed #434334;*//* height : 140px;} #content_down_overlayer .carrousel { height:180px; text-align:center; overflow:auto;} #content_down_overlayer .carrousel p { margin:0px;} #content_down_overlayer .carrousel table { margin:auto; margin-bottom: 35px; height:160px; padding:0;} #content_down_overlayer .pre_carrousel img { margin-left:12px; } #content_down_overlayer .pre_carrousel { height:50px; text-align:auto; } #content_down_overlayer .pre_carrousel div.text { width:250px; } #content_down_overlayer .pre_carrousel table { margin:auto; } #content_down_overlayer .image_carrousel {z-index:2000;} #content_down_overlayer .content_diagnostic_image_drop_hover { opacity:0.3; filter: alpha(opacity=30); } #ImageTitleFilterTitle { max-width: 400px;} #ImageTitleFilterChangeImagesForm .form-group {margin: 0px;} #content_down_overlayer .paginator{position: relative; bottom: 20px;} /*#ImageTitleFilterChangeImagesForm a {position: relative; top: 0px; left: 0px;}*/ #placeholder{ height: 500px; } #placeholder canvas{ width: 100%!important; height: auto!important; max-height: 500px; } #overview{ height: 100px; } #overview canvas{ width: auto!important; height: auto!important; max-width: 100%; max-height: 100px; } #ExportFilterFilterForm fieldset{ border: 1px solid grey; } #ExportFilterFilterForm label{ padding-left: 10px; } #ExportFilterFilterForm .form-control{ max-width: 500px; height: auto; margin: 10px; } .required label:after { color: #d00; content: " *" } .affichage{ -vendor-animation-duration: 3s; -vendor-animation-delay: 2s; -vendor-animation-iteration-count: infinite; } .intro{ margin-top: 15px; } #carousel-indicator li{ border: 1px solid rgba(157, 157, 157, 0.75); } #carousel-indicator .active{ background-color: rgba(85, 138, 14, 0.75); } .carousel-control span{ color: black; } #home_mobile img{ width: 75px; } .mobil{ -webkit-transition: height 2s; /* Safari */ transition: height 2s; height: auto; } #menu_sub_categs_products li{ list-style: none; } .partner img,.partner a{ height: 40px; margin: 10px; } #hiddenFile{ visibility: hidden; } /*.navbar-nav>li>a{ padding-top: 7px!important; padding-bottom: 7px!important; } .navbar{ min-height: 0px!important; }*/ .Product{ min-height: 100px; } .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hovereffect:hover img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); /*-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;*/ } .hovereffect img { display: block; position: relative; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hovereffect:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .hovereffect a.info { display: inline-block; text-decoration: none; width: 85%; height: 75%; padding: 62px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: normal; margin: -52px 0 0 0; } .hovereffect:hover a.info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect a.info:hover { box-shadow: 0 0 5px #fff; } /* Content*/ #text_content p { word-wrap: break-word; } #extra_content{ margin-top: 15px; } #text_content p{ text-align: justify; } /*.image_order{ margin-bottom: 10px; }*/ #extra_content button{ margin-bottom: 5px; } /* Authors*/ .trash-authors{ margin-left: -5px; margin-right: -5px; } /*Content Diagnostics*/ #text_full_content a{ color: rgb(81, 104, 39); } /***** Resize Content Diagnostics *****/ @media only screen and (max-width : 480px) { #images_toolbar_manager button,#images_toolbar_manager a{ min-width: 250px; padding: 3px 6px; font-size: 12px; } } /*Content Diagnostic*/ .bigthumb{ max-height: 200px; } .img-endContentDiag{ max-width: 100%; height: auto; max-height: 400px; } /**********Gestion des vidéos**********/ .manage_videos img{ max-width: 100px; } /**********Page recherche **********/ form.form_search_result { padding:25px; background-color: var(--second-green); border-radius: 4px; } form.form_search_result .input-group-btn button { padding:9px 16px;} table.table_results_search { } table.table_results_search tbody td { padding:0 15px 10px;} table.table_results_search tbody td.link_row { padding-top:5px; } .paginator_row { padding:10px; } .link_row a{ color: var(--third-green); padding-left:20px; } .link_row a:before { content:""; width:10px; height:10px; background:var(--second-green); position:absolute; margin-left:-20px; margin-top:7px; } .link_row a:hover{ color: var(--brown-green); cursor: pointer; } .link_row a:hover:before { background: var(--brown-green); } .text_row{ padding-bottom: 5px; margin-bottom: 5px; padding-left: 5px; border-bottom: thin solid #ddd; } /**********Page CMS**********/ .page_content video{ text-align: center; max-width: 420px; max-height: 240px; } .page_content .embed-responsive-16by9{ margin: 0; } #geoloc_map_view_point { width:100%; height:450px; } /* Page User*/ #PageFilterIndexForm{ max-width: 200px; }