#lightbox-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/background-lightbox-home.png); z-index: 510; } header { height: 91px; position: relative; } @media screen and (max-width: 800px) { header { height: 60px; position: fixed; width: 100%; z-index: 100; } } @media screen and (max-width: 800px) { header .container { border-bottom: 1px solid #ccc; } } header .logo { position: absolute; background: #fff; padding: 33px 20px 15px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; z-index: 200; -webkit-box-shadow: 0px 7px 37px -12px #a1a1a1; -moz-box-shadow: 0px 7px 37px -12px #a1a1a1; box-shadow: 0px 7px 37px -12px #a1a1a1; } @media screen and (max-width: 800px) { header .logo { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; position: relative; padding: 10px 0; text-align: center; } } header .logo img { max-width: 100%; height: auto; } @media screen and (max-width: 800px) { header .logo img { height: 43px; width: 84px; } } header #menu-button { position: absolute; top: 50%; z-index: 500; margin-top: -25px; left: 10px; cursor: pointer; width: 40px; height: 41px; background: url(../images/menu-button.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { header #menu-button { background: url(../images/menu-button@2x.png) no-repeat; background-size: 40px 40px; } } header #menu-button.active { background: url(../images/menu-button-close.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { header #menu-button.active { background: url(../images/menu-button-close@x2.png) no-repeat; background-size: 40px 40px; } } header menu { margin-left: 230px; float: left; text-transform: uppercase; font-weight: bold; padding-left: 0; padding-top: 20px; } @media screen and (max-width: 800px) { header menu { position: absolute; left: 0; right: 0; z-index: 100; margin: 0; background: #fff; padding-top: 0; display: none; } } header menu #menu-button-desktop { color: #00a850; cursor: pointer; border: 1px solid #00a850; border-radius: 20px; padding: 8px 20px; } header menu #menu-button-desktop a { color: #00a850; text-decoration: none; margin-right: 20px; margin-top: -8px; display: inline-block; font-size: 14px; font-weight: bold; } header menu #menu-button-desktop i { font-size: 18px; } header menu #menu-button-desktop:hover { color: #606060; } header menu #menu-button-desktop:hover a { color: #606060; } header menu ul { position: absolute; background: #f8f8f8; border-radius: 10px; padding: 20px !important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); z-index: 555; display: none; } @media screen and (max-width: 800px) { header menu ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; border-radius: 0px; padding: 10px !important; } } header menu ul li { position: relative; padding-bottom: 10px; display: block !important; } header menu ul li:last-child { padding-bottom: 0; } @media screen and (max-width: 800px) { header menu ul li { display: block !important; padding: 14px 15px; font-weight: normal; border-top: 1px solid #f4f4f4; margin-right: 0; } } header menu ul li .submenu { position: absolute; display: none; padding: 0 0px; background: #fff; top: 19px; left: 40px; z-index: 300; width: 613px; -webkit-box-shadow: 0px 7px 37px -12px #a1a1a1; -moz-box-shadow: 0px 7px 37px -12px #a1a1a1; box-shadow: 0px 7px 37px -12px #a1a1a1; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @media screen and (max-width: 800px) { header menu ul li .submenu { position: relative; width: auto; top: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 10px; left: 10px; padding: 0; } header menu ul li .submenu img { display: none; } } header menu ul li .submenu .row .level-2 { display: inline-block; margin-right: 10px; text-align: center; margin: 0; padding: 0 0px 15px; cursor: pointer; float: left; border-width: 2px; border-style: solid; border-color: #f5f5f5; } header menu ul li .submenu .row .level-2 a { font-size: 10px; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2 { display: block; text-align: left; padding: 9px 0 9px 15px; border: none; margin-left: 15px; font-weight: 700; float: none; border-bottom: 1px solid #f4f4f4; } header menu ul li .submenu .row .level-2 br { display: none; } header menu ul li .submenu .row .level-2:last-child { border-bottom: none; } } header menu ul li .submenu .row .level-2.highlight .titre { color: #00a850; } header menu ul li .submenu .row .level-2:last-child { margin-right: 0; } header menu ul li .submenu .row .level-2 .image { margin-bottom: 20px; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2 .image { display: none; } } header menu ul li .submenu .row .level-2:hover { background: url(../images/background-menu-assurances-over.png) repeat-x top left; border-width: 2px; border-style: solid; border-color: #95da94; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2:hover { background: none; border: none; border-bottom: 1px solid #f4f4f4; } } header menu ul li .submenu .row .level-2:hover a { color: #fff; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2:hover a { color: #00a850; } } header menu ul li .submenu .row .level-2:hover.highlight .titre { color: #fff; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2:hover.highlight .titre { color: #00a850; } } header menu ul li .submenu .row .level-2:hover .image { margin-bottom: 17px; } header menu ul li .submenu .row .level-2 .titre { height: 26px; } @media screen and (max-width: 800px) { header menu ul li .submenu .row .level-2 .titre { height: auto; } } @media screen and (max-width: 800px) { header menu ul li .submenu .row:first-child .level-2 { border-bottom: 1px solid #f4f4f4; border-top: none; } } header menu ul li .submenu .row:last-child .level-2 { border-bottom: none; } @media screen and (max-width: 800px) { header menu ul li .submenu .row:last-child .level-2 { border-bottom: 1px solid #f4f4f4; } } header menu ul li .submenu .row:last-child .level-2:last-child { border-bottom: none; } header menu ul li a { color: #00a850; text-decoration: none; font-size: 12px; } header menu ul li a:hover { color: #606060; } header menu ul li.active > a { color: #00a850; font-weight: 700; } @media screen and (max-width: 800px) { header menu ul li.item-101 > a { display: block; width: 100%; background: url(../images/chevron-right.png) no-repeat 98% 50%; } } @media screen and (max-width: 800px) { header menu ul li.item-101.active > a { background: url(../images/chevron-bottom.png) no-repeat 98% 50%; } } header #comm { float: right; margin-left: 10px; } header #bouton-espace-client-mobile { position: absolute; top: 50%; z-index: 500; margin-top: -25px; right: 10px; cursor: pointer; border: 2px solid #00a850; padding: 7px 10px; border-radius: 30px; } header #bouton-espace-client-mobile i { color: #00a850; font-size: 25px; } header #bouton-espace-client-mobile i.fa-times { display: none; } header #bouton-espace-client-mobile.actif { background: #00a850; } header #bouton-espace-client-mobile.actif i.fa-times { display: block; color: #fff; } header #bouton-espace-client-mobile.actif i.fa-user { display: none; } header #encart { background: #00a84f; display: inline-block; float: right; color: #fff; font-size: 11px; width: 210px; height: 91px; padding: 27px 5px 9px 5px; text-align: center; cursor: pointer; } header #encart a { color: #fff; text-decoration: none; } header #encart a:hover { font-weight: bold; text-decoration: underline; } header #encart a.button-empty.white { background: white; color: #00a850; padding-top: 6px; padding-bottom: 6px; margin-top: 0; } header #encart a.button-empty.white:hover { color: #666666; } header #encart h3 { text-transform: uppercase; margin: 0; font-size: 16px; margin-bottom: 5px; } header #encart h3 i { margin-right: 10px; } header #encart h3 a:hover { text-decoration: none; } header #encart p { font-size: 9px; margin-top: 0; cursor: pointer; } footer { padding-top: 30px; } footer menu { padding: 0; padding-left: 15px; } footer menu ul { padding: 0; list-style: none; } footer menu ul li { display: inline-block; margin-right: 10px; } footer menu ul li a { font-size: 10px; color: #666666; text-decoration: none; text-transform: uppercase; font-weight: bold; } footer menu ul li a:hover { color: #00a850; } footer .mention { font-size: 10px; color: #adadad; text-align: justify; line-height: 15px; padding-left: 15px; } footer .mention a { color: #adadad; text-decoration: none; } footer .note { color: #cacaca; } footer #accespro { margin-top: 5px; } footer #accespro .button-gris { width: 138px; } @media screen and (max-width: 800px) { footer #accespro { text-align: center; } } @media screen and (max-width: 480px) { footer { display: none; } } #bandeau-cookies { background: url(../images/background-cookies.png); position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 0; z-index: 999; } #bandeau-cookies a { color: #00a850; text-decoration: none; } #bandeau-cookies a:hover { text-decoration: underline; } /*# sourceMappingURL=common-espaceclient.css.map */