@font-face {
font-family: "Gotham";
src: url("/css/fonts/Gotham-Font/Gotham-XLight.otf");
}
@font-face {
font-family: "Gotham";
font-style: italic;
src: url("/css/fonts/Gotham-Font/GothamBookItalic.ttf");
}
@font-face {
font-family: "Gotham";
font-weight: bold;
src: url("/css/fonts/Gotham-Font/Gotham-Bold.otf");
}
body {
/*font-family: "Gotham", "Lato", sans-serif !important;*/
/*width: 100vw;*/
}
::selection {
background: #003A8B !important;
color: #FFF;
text-shadow: none;
}
::-moz-selection {
background: #001F49 !important;
/* Firefox */
color: #FFF;
text-shadow: none;
}
::-webkit-selection {
background: #001F49 !important;
/* Safari */
color: #FFF;
text-shadow: none;
}
a {
text-decoration: none !important;
color: #001F49;
}
#gotoTop {
z-index: 24;
}
.section {
position: relative;
margin: 60px 0;
padding: 35px 0;
background-color: #F9F9F9;
overflow: hidden;
}
.max-container {
max-width: 100% !important;
}
@media (min-width: 1300px) {
.home-container .container {
max-width: 100%;
}
.connexion-container .container {
max-width: 100% !important;
}
.page-container .container {
max-width: 90%;
}
.page-container .menu-nav {
max-width: 100%;
}
}
@media (max-width: 1375px) {
.slider-quote {
max-width: 70% !important;
}
}
.container-slider {
max-width: 100% !important;
}
strong {
font-weight: 700;
}
/* ALERT MESSAGE */
.alert-message {
padding: 25px 5% 25px;
background-color: #001F49;
position: fixed;
bottom: 0px;
z-index: 100;
min-width: 100%;
/* AFFICHER OU NON LE MESSAGE D'ALERTE */
display: none;
}
.alert-message p {
font-size: 18px;
color: white;
margin-bottom: 0px;
width: 80%;
}
.close-alert-message-btn {
right: 5%;
top: 50%;
transform: translateY(-50%);
position: absolute;
padding: 10px 40px;
border: 0px;
background-color: #FECE45;
font-weight: 700;
}
@media (max-width: 575px) {
.alert-message {
padding: 15px 5% 15px;
background-color: #001F49;
position: fixed;
bottom: 49px;
z-index: 100;
min-width: 100vw;
}
.alert-message p {
font-size: 14px;
color: white;
margin-bottom: 45px;
width: 100%;
text-align: center;
}
.close-alert-message-btn {
right: 37.5%;
top: 65%;
padding: 5px 20px;
}
.heading-block.center:after {
margin: 20px auto 0;
}
.heading-block h2 {
font-size: 22px !important;
line-height: 2.25rem;
}
.promo.parallax {
padding: 30px 0 !important;
}
#oc-portfolio-sidebar {
position: relative;
top: 20px;
}
.files-section {
padding: 20px 0 !important;
}
.heading-block {
margin-bottom: 30px !important;
}
}
/* HEADER MENU */
#header,
#header-wrap {
height: auto !important;
box-shadow: none !important;
}
#header-wrap .header-none {
display: none;
}
.sticky-header .top-header {
background-color: white;
}
.top-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 87.5%;
position: relative;
left: 12%;
}
.bottom-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
height: 60px;
}
.social-icons {
width: 85px;
}
.social-btn {
display: inline-block;
font-size: 13px;
color: #444;
font-weight: bold;
padding: 17px 10px;
text-align: center;
text-decoration: none;
min-width: 30px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.social-btn:hover {
background-color: #F4F4F4;
}
.social-btn:active {
position: relative;
top: 1px;
}
.social-btn img {
position: relative;
bottom: 2px;
height: 16px;
padding-right: 4px;
}
.button.button-border {
line-height: 18px !important;
}
.button.button-border.button-fill {
overflow: inherit !important;
}
.nav-buttons .button-3d.button-blue:hover,
.nav-buttons .button-reveal.button-blue:hover,
.nav-buttons .button-border.button-blue:hover,
.nav-buttons .button-border.button-blue.button-fill:before {
background-color: #444444 !important;
}
.button-border.button-blue {
color: white;
border: none;
background-color: #001F49;
}
.nav-btn i {
color: white;
}
.yellow-btn {
background-color: #FECE45 !important;
color: #231F20;
border-right: none !important;
}
.blue-btn {
background-color: #003A8B;
color: white;
border-right: none !important;
}
.blue-btn:hover {
background-color: #001F49;
color: white !important;
}
.yellow-btn i {
color: #231F20;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.yellow-btn:hover,
.yellow-btn:hover i {
color: white;
}
#primary-menu ul > li {
float: left;
margin-left: 30px;
margin-right: 30px;
}
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a,
.nav-tree ul li a:hover {
color: #003A8B !important;
}
#primary-menu ul li > a {
font-family: "Gotham", sans-serif !important;
line-height: 1.5rem;
}
@media (max-width: 1430px) {
#primary-menu ul > li {
margin-left: 20px;
margin-right: 20px;
}
#primary-menu ul li > a {
text-transform: none !important;
font-size: 1.4vw !important;
}
}
@media (max-width: 768px) {
.social-icons {
display: none;
}
}
/* SEARCH BAR */
.search-bar-form {
flex: 1;
min-width: 100px;
max-height: 31px;
background-color: #F4F4F4;
}
.searchbar {
background-color: #F4F4F4;
border: none;
padding: 5px 10px;
width: calc(100% - 40px);
height: 31px;
}
.search-icon {
background-color: #F4F4F4;
float: right;
border: none;
width: auto;
height: 31px;
}
/* LOGO */
.sticky-header #logo {
height: 60px !important;
}
#logo {
margin-right: 0px !important;
width: 12%;
position: absolute !important;
height: 113px;
z-index: 999;
background-color: white;
display: flex;
align-items: center;
}
#logo img {
height: 70%;
width: auto;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
.subtitle-logo {
position: absolute;
bottom: 0%;
font-size: 0.6vw;
left: 19px;
margin: 0px;
font-weight: bold;
color: #001F49;
line-height: 1.5vw;
}
@media (max-width: 1530px) {
.sticky-header .subtitle-logo {
position: absolute;
bottom: 0%;
left: 0px !important;
font-size: 0.7vw;
margin: 0px;
font-weight: bold;
color: #001F49;
line-height: 0.9vw;
text-align: center;
}
}
@media (max-width: 1400px) {
.subtitle-logo {
position: absolute;
bottom: 6.5%;
font-size: 0.78vw;
left: 0.3vw !important;
margin: 0px;
font-weight: bold;
line-height: 1vw;
text-align: center;
}
.sticky-header .subtitle-logo {
position: absolute;
bottom: 3%;
font-size: 0.7vw;
left: 0vw !important;
margin: 0px;
font-weight: bold;
color: #001F49;
line-height: 0.9vw;
}
}
@media (max-width: 991px) and (pointer: fine) {
.subtitle-logo {
display: none;
}
}
/*
.sticky-header .subtitle-logo {
display: none;
}
*/
.sticky-header #logo img {
height: 30px !important;
width: 30px !important;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
}
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.center-div {
display: table;
}
/* HEADER MENU BOTTOM */
#primary-menu.style-2 {
float: none;
max-width: none;
border-top: none !important;
position: relative;
left: 40px;
}
#side-panel {
width: 400px !important;
}
.side-panel-trigger {
position: absolute;
top: 20px;
right: 20px;
margin: 0px !important;
}
#side-panel-trigger a {
width: 25px !important;
height: 25px !important;
font-size: 25px !important;
}
.side-panel-wrap {
width: 400px !important;
}
.close-btn {
position: absolute;
top: 30px;
right: 20px;
color: #001F49;
cursor: pointer;
}
.close-btn img {
height: 25px;
}
.bg-grey {
background-color: #F4F4F4 !important;
}
.no-border {
border: none !important;
}
#primary-menu ul li > a {
text-transform: none !important;
font-size: 18px;
}
.search-bar-responsive {
display: none;
}
.sub-menu ul li a::before {
display: none;
}
#primary-menu ul ul:not(.mega-menu-column) {
border-top: 3px solid #FFD717 !important;
width: 230px;
}
#primary-menu .fa-chevron-down {
top: 7px;
}
/* SIDE PANEL */
.nav-tree li a {
font-family: "Gotham", sans-serif !important;
line-height: 1.4rem;
text-transform: none !important;
font-size: 16px !important;
padding: 0px !important;
}
.side-panel-wrap h3 {
color: #001F49 !important;
}
.rightmenu-icons {
height: 50px;
width: 50px;
margin-right: 20px;
}
.widget > h4 {
margin-bottom: 20px;
position: relative;
padding-bottom: 5px;
}
#side-panel .widget {
width: 300px !important;
}
#side-panel .first-widget,
#side-panel .third-widget {
margin-top: 20px !important;
}
#side-panel .second-widget {
margin-top: 60px !important;
}
.yellow-mark,
.thin-yellow-mark {
position: relative;
letter-spacing: 2px;
}
.yellow-mark:before {
content: "";
position: absolute;
bottom: -12px;
height: 1px;
width: 50px;
border-bottom: 5px solid #FFD717 !important;
}
.thin-yellow-mark:before {
content: "";
position: absolute;
bottom: -8px;
left: 44%;
height: 1px;
width: 10%;
border-bottom: 3px solid #FFD717 !important;
}
.right-navbar-list li {
margin: 15px 0 !important;
}
#primary-menu ul ul li > a {
font-size: 14px;
}
/* RIGHT BAR MENU */
.navbar.fixed-right {
position: fixed;
display: none;
right: 0;
z-index: 4;
top: 50%;
transform: translateY(-50%);
padding: 0px;
}
.navbar-fixed-right .nav-link {
border-bottom: 2px solid white;
background-color: #001F49;
}
.navbar-fixed-right .nav-link:last-child {
border-bottom: none;
}
.navbar-fixed-right .nav-link:last-child i {
color: #444;
}
.navlink-right-icon {
padding: 18px;
font-size: 20px;
}
.navlink-right-icon i {
color: white;
line-height: 1;
text-align: center;
width: 22px;
}
.tooltip-inner {
background-color: #003A8B;
color: #FFF;
padding: 10px 20px;
border-radius: 0px;
opacity: 1 !important;
}
.tooltip .arrow::before {
border-left-color: #003A8B;
}
.tooltip .arrow::before {
border-top-color: transparent !important;
}
.navbar.fixed-bottom {
display: none;
}
@media (max-width: 767px) {
.navbar.fixed-right {
display: none !important;
}
.tooltip .arrow::before {
border-left-color: transparent !important;
}
.tooltip .arrow::before {
border-top-color: #003A8B !important;
}
.navbar.fixed-bottom {
display: block;
right: auto;
top: auto !important;
left: auto;
bottom: -25px !important;
z-index: 50;
top: 50%;
transform: translateY(-50%);
padding: 0px;
}
.navbar.fixed-bottom .navbar-nav {
display: flex;
-ms-flex-direction: column;
flex-direction: row;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-fixed-bottom .nav-link {
border-right: 2px solid white;
border-bottom: 0px;
width: 25vw;
}
.navlink-right-icon {
font-size: 20px;
padding: 10px 20px;
text-align: center;
}
.navbar-fixed-bottom .nav-link:last-child {
border-right: none;
}
}
@media (min-width: 768px) {
.navbar.fixed-right {
left: auto;
}
.navbar.fixed-right .navbar-nav .nav-item .dropdown-toggle:after {
border-top: 0.3em solid transparent;
border-left: none;
border-bottom: 0.3em solid transparent;
border-right: 0.3em solid;
vertical-align: baseline;
}
.navbar.fixed-right .navbar-nav .nav-item .dropdown-menu {
left: auto;
right: 100%;
}
}
@media (max-width: 850px) {
.social-icons {
display: none;
}
}
/* HERO IMAGE */
.slider-first-img {
background-image: url(/images/gan-pictures/bis-AdobeStock_307337262.jpg);
}
.slider-second-img {
background-image: url(/images/gan-pictures/shutterstock_770245390.jpg);
background-position: 80% 35% !important;
}
.slider-third-img {
background-image: url(/images/gan-pictures/shutterstock_1152355868.jpg);
}
.slider-fourth-img {
background-image: url(/images/gan-pictures/shutterstock_1157451742.jpg);
background-position: 50% 20% !important;
}
.slider-permanent-caption {
left: 2rem;
top: 60% !important;
padding: 35px;
position: absolute;
left: 15px;
z-index: 20;
color: #EEE;
font-size: 1.375rem;
font-weight: 300;
-webkit-transition: top 0.3s ease;
-o-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.slider-quote {
left: 1.5rem !important;
max-width: 60%;
top: 3vh !important;
padding: 35px;
position: absolute;
left: 15px;
z-index: 20;
color: #EEE;
-webkit-transition: top 0.3s ease;
-o-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.first-quote-img {
width: 40px;
position: absolute;
left: 20px;
top: 20px;
}
.last-quote-img {
width: 40px;
position: absolute;
right: 20px;
bottom: 20px;
}
.slider-caption h3 {
font-size: 2.5vw;
letter-spacing: inherit !important;
line-height: 4rem !important;
margin-left: 60px !important;
margin-right: 60px !important;
}
.hero-div {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
url(/images/gan-pictures/AdobeStock_307337262.jpeg);
background-size: cover;
background-position: 250px 15%;
height: 837px;
}
.color-bluedark {
color: rbga(0, 31, 73, 1) !important;
}
.search-bar-hero-form {
width: 65rem;
min-width: 100px;
max-height: 53px;
background-color: #F4F4F4;
opacity: 0.93;
-webkit-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
}
.searchbar-hero {
background-color: #F4F4F4;
border: none;
padding: 5px 10px;
width: calc(100% - 62px);
height: 53px;
font-size: 90%;
}
.search-icon-hero {
background-color: #F4F4F4;
float: left;
border: none;
width: auto;
height: 53px;
padding-left: 20px;
padding-right: 20px;
}
.search-text {
font-size: 1.25rem !important;
color: #444;
line-height: 53px;
height: 53px;
text-shadow: none !important;
}
.home-container select {
position: absolute;
height: 53px;
top: 0px;
right: 0px;
width: 77%;
background-color: #F4F4F4;
border: none !important;
font-size: 1.25rem !important;
color: #444;
line-height: 53px;
height: 53px;
text-shadow: none !important;
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url(data:/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
padding-left: 5px;
}
.start-search-hero {
font-size: 18px !important;
position: absolute;
right: 0px;
height: 53px;
padding: 16px 16px !important;
}
.start-search-hero span {
position: relative;
top: 2px;
}
.container-hero {
position: relative;
max-width: 100vw;
}
.search-bar-form form {
width: 100%;
}
.dark .button.button-border:not(.button-light) {
color: rgba(255, 255, 255, 1) !important;
}
.contact-text {
position: absolute;
top: 60px;
left: 0px;
}
.contact-text a {
font-size: 18px !important;
font-weight: 700;
transition: ease-in 0.2s;
}
.contact-text a:hover {
color: #001F49 !important;
}
.arrow-right-contact-text {
font-size: 20px;
color: white;
position: relative;
bottom: 2px;
}
.submenus {
position: relative;
top: 1rem;
}
/* SECTION 4 STEPS */
.bg-color-white {
background-color: white !important;
}
.container-steps .col_one_fourth {
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: all 0.5s ease-in-out;
z-index: 3;
}
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
color: #FFD717 !important;
}
.fbox-icon {
position: absolute;
top: 11px;
}
.fbox-icon a {
line-height: 35px;
text-decoration: none !important;
color: #444;
font-size: 35px;
padding: 10px 20px;
background-color: #FFD717;
}
.fbox-icon i {
font-style: normal;
font-size: 35px;
text-align: center;
}
.feature-box {
padding: 20px 10px 0 10px !important;
}
.feature-box .fbox-icon {
top: 20px !important;
}
.steps-picture {
width: auto;
}
.feature-box h3 {
color: #001F49 !important;
}
.knowmore-div {
display: table;
margin: 0 auto;
}
.knowmore-btn {
display: inline-block;
cursor: pointer;
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
padding: 18px 30px;
text-decoration: none;
text-shadow: 0px 1px 0px #001E49;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 1s ease-in-out;
}
.knowmore-btn:active {
position: relative;
top: 1px;
}
.contact-btn {
font-size: 18px !important;
padding: 16px 20px 20px !important;
}
.steps-title {
line-height: 2.75rem;
}
.contact-btn:hover {
color: white !important;
}
.image-snippet {
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
background-color: #000000;
color: #000;
text-align: left;
font-size: 16px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.image-snippet * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.image-snippet img {
max-width: 100%;
vertical-align: top;
}
.image-snippet figcaption {
position: absolute;
height: 90px;
left: 15px;
right: 15px;
bottom: 15px;
overflow: hidden;
padding: 15px;
padding-top: 18px;
background-color: rgba(255, 255, 255, 0.9);
}
.image-snippet .front-text-steps {
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
bottom: 5px;
}
.image-snippet h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin: 3px 0;
}
.image-snippet h5 {
font-weight: 600;
margin: 0;
text-transform: uppercase;
color: #001F49;
letter-spacing: 1px;
font-size: 0.9rem;
}
.image-snippet span {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin: 3px 0;
color: #444 !important;
}
.image-snippet h2 {
font-weight: 600;
margin: 0;
text-transform: uppercase;
color: #001F49;
letter-spacing: 1px;
font-size: 0.9rem;
}
.image-snippet blockquote {
padding: 0;
margin: 0;
font-size: 15px;
position: relative;
top: 16px;
font-weight: 600;
border-left: none;
letter-spacing: 1px;
}
.image-snippet p {
color: #001F49 !important;
}
.image-snippet a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.image-snippet:hover figcaption,
.image-snippet.hover figcaption {
height: calc(85%);
display: block;
justify-content: center;
flex-direction: column;
}
.promo.promo-index > .container {
max-width: 80% !important;
margin: 0 auto;
position: relative;
}
.promo.promo-flat > .container > h3 {
font-size: 30px !important;
color: #001F49 !important;
}
.promo.promo-flat > .container > span {
font-size: 17px !important;
color: #001F49 !important;
}
.promo-full a.button {
right: 0px !important;
}
.promo-full {
background-image: url(/images/gan-pictures/background-blank-empty-light-62693.jpg);
background-size: cover;
}
.promo-img {
position: absolute;
top: -50px;
left: -50px;
max-width: 200px;
opacity: 0.8;
}
@media (max-width: 767px) {
.container-files .col_three_fourth,
.col_one_fourth {
width: 44% !important;
margin: 3% 3% 20px !important;
float: left !important;
}
}
/* STATISTICS */
.section-statistics .col_one_third {
width: 33.33%;
margin-right: auto !important;
}
.section-statistics {
padding: 25px 0 10px !important;
}
.counter + h4 {
font-weight: 600 !important;
margin-top: 10px;
}
.section-statistics .counter-lined {
color: #001F49;
}
.section-statistics img {
color: #001F49;
width: 80px !important;
height: 80px !important;
font-size: 52px;
line-height: 80px !important;
}
.col_one_fourth,
.sidebar {
width: 21%;
}
/* SOLUTIONS */
.solutions-padding {
padding: 40px 60px;
background-color: white;
min-height: 494px;
position: relative;
}
.solutions-large-img {
/*background: url('/images/gan-pictures/shutterstock_1152356051.jpg');*/
background-size: cover;
background-position: left 54%;
}
#oc-portfolio-sidebar .readmore-btn {
padding: 10px;
top: 0px;
position: relative;
width: 40%;
height: auto;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
}
.section-solutions h2 {
position: relative;
top: -10px;
left: -40px;
font-size: 35px;
padding: 20px 30px;
background-color: rgba(255, 255, 255, 0.7);
color: #444;
display: inline-block;
}
.actualites-solutions #oc-actualites-sidebar {
width: 90%;
}
.actualites-solutions .section {
background-color: white;
}
#oc-portfolio-sidebar .portfolio-desc {
z-index: 3;
padding: 15px 75px 10px;
}
#oc-portfolio-sidebar .portfolio-desc h3 {
font-size: 1.7vw;
}
#oc-portfolio-sidebar .portfolio-desc h5 {
font-size: 1.2vw !important;
font-weight: 500;
}
#oc-portfolio-sidebar .portfolio-desc h4 {
font-size: 1.2vw !important;
font-weight: 500;
}
#oc-portfolio-sidebar .portfolio-desc img {
height: 5vw;
width: 5vw !important;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
}
#oc-portfolio-sidebar .owl-carousel .owl-dots {
position: relative;
top: -30px;
}
.color-white {
color: white;
}
.color-grey {
color: #444;
}
.color-darkblue {
color: #001F49;
}
.bg-darkblue {
background-color: #001F49 !important;
}
.bg-darkblue-light {
background-color: rgba(41, 91, 161, 1) !important;
}
.bg-lightblue {
background-color: #1265A8 !important;
}
.bg-yellow-light {
background-color: #FECE45 !important;
}
.button-border.button-yellow {
color: #444 !important;
border: none;
background-color: #FECE45;
}
.solutions-hr {
margin: 4% auto;
width: 20px;
background-color: #FECE45;
height: 2px;
}
.home-services-btn {
padding: 10px !important;
background-color: #F4F4F4 !important;
color: #444 !important;
}
.home-services-btn:hover {
padding: 10px !important;
background-color: #F4F4F4 !important;
color: white !important;
}
#oc-portfolio-sidebar .owl-carousel {
top: 5%;
}
.solutions-btn {
margin-top: 30px !important;
}
.solutions-large-img .yellow-mark:before {
bottom: 10px;
}
#oc-portfolio-sidebar .owl-carousel .owl-dots .owl-dot {
background-color: #FECE45 !important;
}
#oc-portfolio-sidebar:hover .owl-nav .owl-next {
left: auto;
right: 30px;
}
#oc-portfolio-sidebar:hover .owl-nav .owl-prev {
left: 25px;
}
#oc-portfolio-sidebar .owl-carousel .owl-stage-outer {
position: relative;
top: -25px;
}
@media (max-width: 1300px) {
#oc-portfolio-sidebar .portfolio-desc h3 {
font-size: 2.5vw;
}
#oc-portfolio-sidebar .portfolio-desc h5 {
font-size: 2vw !important;
font-weight: 500;
line-height: auto !important;
}
}
@media (max-width: 1000px) {
#oc-portfolio-sidebar .portfolio-desc h3 {
font-size: 3vw;
}
#oc-portfolio-sidebar .portfolio-desc h5 {
font-size: 2.5vw !important;
font-weight: 500;
line-height: auto !important;
}
#oc-portfolio-sidebar .portfolio-desc {
z-index: 3;
padding: 15px 5px 10px;
}
#oc-portfolio-sidebar .container-files .col_one_fourth {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 640px;
max-height: 640px;
}
}
@media (max-width: 767px) {
.solutions-second-block {
padding: 20px !important;
min-height: 410px;
max-height: 410px;
}
#oc-portfolio-sidebar .portfolio-desc h3 {
font-size: 3.5vw;
}
#oc-portfolio-sidebar .portfolio-desc h5 {
font-size: 3vw !important;
font-weight: 500;
line-height: auto !important;
}
#oc-portfolio-sidebar .portfolio-desc img {
height: 10%;
width: 10% !important;
margin: 0 auto 20px;
}
#oc-portfolio-sidebar .owl-carousel .owl-stage-outer {
position: relative;
top: 0px;
}
#oc-actualites-sidebar .owl-dots {
bottom: 15px !important;
position: relative;
}
.carousel-card {
margin: 0px;
}
#oc-portfolio-sidebar .portfolio-desc {
padding: 0px;
}
}
@media (max-width: 499px) {
#oc-portfolio-sidebar .portfolio-desc h3 {
font-size: 6vw;
}
#oc-portfolio-sidebar .portfolio-desc h5 {
font-size: 5.5vw !important;
font-weight: 500;
line-height: auto !important;
}
#oc-portfolio-sidebar .portfolio-desc img {
height: 15%;
width: 15% !important;
}
#oc-portfolio-sidebar .owl-carousel {
top: -2%;
}
#oc-portfolio-sidebar .container-files .col_one_fourth {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 540px;
max-height: 540px;
}
#oc-actualites-sidebar .portfolio-desc {
padding: 0px !important;
}
.news-category {
border-left: 2px solid #001F49;
}
.section-statistics img {
color: #001F49;
width: 60px !important;
height: 60px !important;
font-size: 52px;
line-height: 60px !important;
}
.counter + h4 {
font-weight: 600 !important;
margin-top: 0px;
}
}
.show-top-image {
display: none;
}
.not-show-top-image {
display: block;
}
/* DOSSIERS DE DÉCRYPTAGE */
.owl-carousel .owl-nav [class*="owl-"] {
border: none;
color: rgba(254, 206, 69, 0.5);
background-color: transparent;
font-size: 30px;
border-radius: none;
opacity: 0;
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
background-color: none !important;
color: rgba(254, 206, 69, 1) !important;
text-decoration: none;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
width: 8px;
height: 8px;
margin: 30px 4px 0 4px;
opacity: 0.5;
border-radius: 50%;
background-color: rgba(254, 206, 69, 1);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.carousel-actualites .owl-nav [class*="owl-"] {
border: none;
color: rgba(254, 206, 69, 0.5);
background-color: transparent;
font-size: 100px !important;
border-radius: none;
opacity: 0;
}
.carousel-actualites:hover .owl-nav [class*="owl-"] {
opacity: 1;
left: -35px;
}
.carousel-actualites:hover .owl-nav .owl-next {
left: auto;
right: -35px !important;
}
.files-section {
margin: 0px !important;
padding: 25px 0 !important;
}
.container-files .files-feature-box {
padding: 20px !important;
}
.container-files h4 {
color: #001F49;
}
.files-div p {
font-size: 16px;
}
.container-files .col_one_fourth {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 580px;
max-height: 580px;
width: 30%;
margin-left: 1.5%;
margin-right: 1.5%;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.carousel-card {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 580px;
max-height: 580px;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
padding: 0px;
}
/* ACTUALITES CAROUSEL */
#oc-actualites-sidebar {
margin: 0 auto;
width: 80%;
}
#oc-actualites-sidebar .owl-dots {
bottom: 30px;
position: relative;
}
.col_one_fourth p,
.carousel-card p {
color: #555;
}
.container-files .col_one_fourth:hover,
.picture-item:hover,
.carousel-card:hover {
background-color: rgba(255, 215, 23, 0.1);
}
.container-files .col_one_fourth:hover p,
.picture-item:hover p,
.carousel-card:hover p {
color: black;
}
.container-files .col_one_fourth::before,
.container-files .col_one_fourth::after,
.picture-item::before,
.picture-item::after,
.carousel-card::before,
.carousel-card::after {
content: "";
height: 33px;
width: 33px;
position: absolute;
transition: all 0.5s ease;
opacity: 0;
font-size: 10px;
}
.container-files .col_one_fourth::before,
.picture-item::before,
.carousel-card::before {
content: "";
background: url(/images/gan-pictures/detail.png) no-repeat;
background-size: 100%;
left: -17px;
bottom: -17px;
}
.container-files .col_one_fourth:after,
.picture-item:after,
.carousel-card:after {
content: "";
left: -15px;
bottom: -15px;
}
.container-files .col_one_fourth:hover:before,
.container-files .col_one_fourth:hover:after,
.picture-item:hover:before,
.picture-item:hover:after,
.carousel-card:hover:before,
.carousel-card:hover:after {
opacity: 1;
}
.container-files .col_one_fourth:hover,
.picture-item:hover,
.carousel-card:hover {
border-left: 2px solid #FFD717;
border-bottom: 2px solid #FFD717;
}
.read-file {
position: absolute;
right: 10px;
bottom: 10px;
margin-bottom: 0px;
}
.read-file i {
font-size: 20px !important;
}
.container-files .col_one_fourth:hover .read-file {
color: #001F49;
}
.news-category {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
font-weight: 800;
padding: 10px;
background-color: #FFD717;
z-index: 3;
}
.date-file {
position: absolute;
left: 20px;
bottom: 13px;
font-size: 13px !important;
color: #001F49 !important;
margin-right: 30px;
margin-bottom: 0px;
}
.files-text {
margin-bottom: 50px;
}
/* FOOTER */
.blue {
border-top: 5px solid rgba(255, 215, 23, 1) !important;
background-color: #001F49 !important;
color: white;
}
.footer-list li,
.navbar-list li,
.right-navbar-list li {
position: relative;
margin-top: 5px;
padding-bottom: 5px;
}
.footer-list li a {
background: none !important;
border: none !important;
color: white;
font-size: 15px !important;
padding: 0px !important;
transition: all 0.3s ease-in-out;
}
.footer-list li a:hover {
color: white;
}
.navbar-list li a,
.right-navbar-list li a {
color: #444 !important;
}
.footer-list li a::before,
.navbar-list li a::before,
.right-navbar-list li a::before,
.contact-text a::before,
.contacts-info::before,
.list-links-outils a::before {
display: block;
content: "";
width: 0;
height: 3px;
bottom: 5px;
left: 0;
bottom: -3px;
z-index: 0;
position: absolute;
background: rgba(255, 215, 23, 1);
transition: all 0.3s ease-in-out;
}
.footer-list li a:hover,
.navbar-list li a:hover,
.right-navbar-list li a:hover,
.contact-text a:hover,
.contacts-info:hover,
.list-links-outils a:hover {
background-position: 0%;
}
.footer-list li a:hover:before,
.navbar-list li a:hover:before,
.right-navbar-list li a:hover:before,
.contact-text a:hover:before,
.list-links-outils a:hover:before {
width: 3rem;
}
#footer h4 {
color: white;
}
.footer-social .social-btn img {
filter: invert(100%) sepia(27%) saturate(0%) hue-rotate(117deg) brightness(104%) contrast(102%);
}
#footer .footer-widgets-wrap {
position: relative;
padding: 60px 0 40px 0 !important;
width: 90%;
margin: 0 auto;
}
.footer-widgets-wrap .col_one_third {
margin-bottom: 30px;
}
.footer-explanation-text {
width: 80%;
margin: 0 auto;
padding-bottom: 20px;
}
.footer-copyright {
background-color: white;
color: #444;
font-size: 16px;
height: 50px;
}
.footer-copyright p {
display: flex;
justify-content: center;
align-items: center;
line-height: 50px;
padding: 5px 20px;
z-index: 50;
}
#gotoTop:hover {
background-color: #003A8B !important;
}
.mobile-show {
display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
.portfolio-desc {
z-index: 3;
padding: 15px 20px 10px 5px !important;
}
}
@media (max-width: 1205px) {
.home-container select {
position: relative;
height: 53px;
top: -1px;
right: 0px;
width: 100%;
border-radius: 0px;
background-color: #F4F4F4;
border: none !important;
font-size: 1.25rem !important;
color: #444;
line-height: 53px;
height: 53px;
text-shadow: none !important;
text-align: center;
text-align-last: center;
-moz-text-align-last: center;
}
.start-search-hero {
height: 106px;
position: relative;
display: flex;
align-items: center;
}
.search-text {
display: flex;
}
.search-text strong {
margin: 0 auto;
}
.contact-text {
position: relative;
top: 0px;
}
}
@media (max-width: 767px) {
.show-top-image {
display: block;
}
.not-show-top-image {
display: none;
}
.files-section {
margin: 60px 0;
padding: 20px 0;
}
.files-div {
margin: 0% 2% !important;
}
.heading-block {
margin-bottom: 40px;
}
.container-files .col_one_fourth {
min-height: 500px;
margin-right: inherit !important;
width: 100% !important;
background-color: white;
}
#footer .footer-widgets-wrap {
position: relative;
padding: 60px 0 0 0 !important;
width: 100%;
margin: 0 auto;
}
.footer-explanation-text {
width: 90%;
margin: 0 auto;
padding-bottom: 20px;
}
.footer-copyright p {
margin-bottom: 55px !important;
text-align: center;
}
}
@media (max-width: 1050px) {
.d-none-mobile {
display: none;
}
.owl-carousel .owl-nav [class*="owl-"] {
display: none;
}
}
@media (max-width: 1050px) and (min-width: 767px) {
.search-bar-hero-form {
width: 40rem;
}
.start-search-hero {
font-size: 13px;
padding: 17px 7px;
}
.container-files .col_three_fourth,
.col_one_fourth {
width: 42% !important;
margin-left: 4% !important;
margin-bottom: 40px !important;
}
.col_last {
bottom: 0px;
}
.container-files .col_one_fourth {
width: 80% !important;
min-height: 500px !important;
max-height: 660px !important;
margin: 0 auto !important;
float: none;
}
.carousel {
width: 95%;
}
.section-solutions,
.solutions-large-img,
.solutions-second-block {
max-height: 500px;
}
.slider-quote {
left: 0.5rem !important;
max-width: 70% !important;
top: 1vh !important;
padding: 35px;
position: absolute;
left: 15px;
z-index: 20;
color: #EEE;
-webkit-transition: top 0.3s ease;
-o-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.swiper_wrapper .swiper-slide {
background-position: 66% 50%;
}
}
@media (min-width: 1200px) {
.home-container .container-steps {
max-width: 90% !important;
}
.page-container .container-solutions,
.container-products {
max-width: 100% !important;
}
}
@media (max-width: 1200px) {
.search-bar-hero-form {
width: 100% !important;
background-color: #F4F4F4;
}
.search-bar-hero-form {
-webkit-box-shadow: none;
box-shadow: none;
}
.search-bar-form form {
-webkit-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
}
.slider-permanent-caption {
left: 5%;
padding: 35px;
z-index: 20;
width: 90vw;
color: #EEE;
font-size: 1.375rem;
font-weight: 300;
-webkit-transition: top 0.3s ease;
-o-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.search-icon-hero {
position: absolute;
}
.promo-full {
text-align: center;
}
.promo-img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 300px;
opacity: 0.3;
}
.promo a.button {
position: relative;
margin-top: 30px;
}
.gofurther-block {
padding-top: 50px;
}
.container-files .col_one_fourth {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 740px;
max-height: 740px;
width: 30%;
margin-left: 1.5%;
margin-right: 1.5%;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 1169px) {
.patrimoine-title-page .yellow-mark:before {
left: 50% !important;
transform: translateX(-50%);
}
}
@media (max-width: 825px) {
.contact-btn {
font-size: 16px !important;
padding: 16px 20px 20px !important;
height: 70px;
}
}
@media (max-width: 991px) {
#primary-menu {
display: block !important;
float: none;
margin: 0 !important;
}
#logo {
height: 113px !important;
position: absolute;
}
#logo a.standard-logo {
display: block !important;
}
#logo img {
width: 70% !important;
height: auto !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#side-panel-trigger {
top: 20px !important;
right: 15px !important;
}
#side-panel-trigger-close {
display: none;
}
#primary-menu .container #primary-menu-trigger {
font-size: 19px;
color: #001F49;
width: 80%;
left: 10% !important;
font-weight: 700;
}
#primary-menu.style-2 {
float: none;
position: absolute;
top: 0px;
width: 100vw;
background-color: white;
border-top: none !important;
left: 0px;
}
#primary-menu ul li > a {
text-transform: none !important;
font-size: 16px !important;
}
.slider-caption h3 {
font-size: 2.5rem;
letter-spacing: inherit !important;
line-height: 4rem !important;
margin-left: 30px !important;
margin-right: 30px !important;
}
.promo a.button {
height: 50px;
}
#primary-menu.style-2 > div > ul > li > a {
padding: 5px !important;
border: none !important;
margin: 10px 0px !important;
}
#primary-menu.style-2 > div > ul > li:hover {
color: red !important;
}
#primary-menu ul ul:not(.mega-menu-column) {
background: white !important;
}
#primary-menu ul ul li:hover > a {
background-color: transparent !important;
font-weight: 700 !important;
padding-left: 5px;
}
.contact-submenu .button {
font-size: 14px;
}
.mobile-none {
display: none;
}
.mobile-show {
display: block;
}
fieldset {
margin-bottom: 5px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#logo img {
width: 70% !important;
height: auto !important;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
.subtitle-logo {
font-size: 0.9vw;
left: 0.3vw;
line-height: 1.5vw;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
not all,
not all,
not all,
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
#logo a.standard-logo,
#header.split-menu #logo a.standard-logo {
display: block !important;
}
#logo img {
width: 50% !important;
height: auto !important;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
.sticky-header #logo img {
height: 35px !important;
width: 35px !important;
position: absolute;
top: 33%;
left: 50%;
transform: translate(-50%, -50%);
}
.sticky-header .subtitle-logo {
position: absolute;
bottom: 5%;
font-size: 0.7vw;
left: 0vw !important;
margin: 0px;
font-weight: bold;
color: #001F49;
line-height: 0.9vw;
}
.navbar-list {
left: 1.5% !important;
position: relative;
}
}
@media (max-width: 767px) {
.section-statistics .col_one_third {
width: 100%;
}
.contact-btn {
height: 50px;
}
.promo a.button {
height: 50px;
}
.top-header .button {
font-size: 0.8rem;
padding: 10px 10px;
height: 45px;
width: 70vw !important;
line-height: 25px !important;
}
#logo {
margin-right: 0px !important;
width: 30%;
height: 137px !important;
}
.top-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 70%;
position: relative;
left: 30%;
}
#header .search-bar-nav {
display: none;
}
.nav-buttons {
display: flex;
flex-direction: column;
}
.nav-buttons a:nth-child(2) {
margin: 1px 0px;
}
#primary-menu .container #primary-menu-trigger,
#side-panel-trigger i {
font-size: 0.9rem !important;
line-height: 45px;
}
#primary-menu .container #primary-menu-trigger {
top: 0px !important;
left: 0;
}
#side-panel-trigger,
#top-account {
position: absolute;
top: 0px !important;
}
.side-panel-wrap {
width: 100% !important;
}
#side-panel .side-panel-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 330px;
height: 100%;
overflow: auto;
padding: 50px 70px 50px 25px;
}
.bottom-header {
height: 45px;
}
.search-bar-responsive {
display: block;
margin: 10px 0px;
}
#slider {
height: calc(100vh - 182px) !important;
}
.slider-quote {
max-width: 100% !important;
padding: 35px 10px 10px 25px;
top: 0vh !important;
left: 0vh !important;
}
.slider-quote h3 {
font-size: 3.5vh;
letter-spacing: inherit !important;
line-height: 2.5rem !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.slider-arrow-left,
.slider-arrow-right,
.slide-number {
display: none;
}
.slider-permanent-caption {
left: 2rem;
top: 50% !important;
}
.search-text {
font-size: 1rem !important;
height: 33px;
line-height: 39px;
}
.home-container select {
position: relative;
top: -2px;
font-size: 0.9rem !important;
color: #444;
line-height: 40px;
height: 40px;
text-shadow: none !important;
text-align: center;
text-align-last: center;
-moz-text-align-last: center;
padding-left: 0px;
background-position: right 100%;
background-repeat: no-repeat;
background-image: url(data:/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
padding-left: 5px;
}
.search-icon-hero {
position: absolute;
height: 40px;
line-height: 40px;
}
.contact-submenu {
margin-bottom: 0px;
position: absolute;
top: 37px;
line-height: 5px;
width: 100%;
text-align: center;
z-index: 3;
margin: 0px !important;
}
.contact-submenu-second {
top: 74px;
}
.contact-submenu a {
font-size: 0.8rem !important;
color: #444444 !important;
}
.contact-submenu:hover a {
font-size: 0.8rem !important;
color: white !important;
}
.contact-submenu .button {
display: block;
min-width: auto;
padding: 10px;
height: auto;
background-color: rgba(255, 255, 255, 1);
}
.first-quote-img {
width: 20px;
}
.start-search-hero-div {
position: relative;
top: -2px;
-webkit-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.26);
}
.start-search-hero {
height: 55px;
}
.start-search-hero span {
position: relative;
top: 0px;
margin: 0 auto;
}
}
@media (max-width: 575.98px) {
.solutions-first-img,
.solutions-second-img,
.solutions-third-img,
.solutions-fourth-img,
.solutions-fifth-img {
height: 400px !important;
}
.swiper_wrapper .slider-first-img {
background-position: 75% 50%;
}
.swiper_wrapper .slider-second-img {
background-position: 69% 50%;
}
.swiper_wrapper .slider-third-img {
background-position: 60% 50%;
}
.slider-permanent-caption {
left: 0px;
padding: 0px 20px;
z-index: 20;
width: 100vw;
}
#side-panel {
right: -550px;
width: 95% !important;
}
.solutions-btn {
display: table;
margin: 0 auto;
}
#side-panel .side-panel-wrap {
padding: 50px 00px 50px 25px !important;
}
#side-panel .widget {
width: 95% !important;
padding-top: 10px !important;
}
.right-navbar-list {
margin-top: 15px !important;
}
}
@media (max-width: 450px) {
.contact-btn {
height: 70px;
}
.promo a.button {
height: 70px !important;
}
}
@media (max-width: 767px) and (pointer: coarse) {
.subtitle-logo {
bottom: 3.5%;
font-size: 2.2vw;
left: 0.3vw;
line-height: 3.5vw;
}
#logo img {
width: 80% !important;
height: auto !important;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media (max-width: 361px) {
.first-quote-img {
position: absolute;
left: 20px;
top: 10px;
}
.slider-quote {
max-width: 100% !important;
padding: 20px 10px 10px 25px;
top: 0vh !important;
left: 0vh !important;
}
.slider-quote h3 {
font-size: 2.8vh;
letter-spacing: inherit !important;
line-height: 1.8rem !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.slider-permanent-caption {
top: 37% !important;
}
.start-search-hero-div span {
font-size: 15px;
}
}
/* PAGE LOGIN */
.login-first-block {
padding: 0px 0px 20px;
}
.login-third-block {
padding: 0px 0px 0px 50px;
background-color: #F4F4F4;
}
.contacts-div {
margin-top: 40px;
width: 90%;
}
.contacts-useful {
border: 2px solid #001F49;
}
.contact-link:nth-child(2) {
border-top: 2px solid white;
border-bottom: 2px solid white;
}
.contacts-div img {
padding: 40px 25px 40px 20px;
display: flex;
height: 124px;
}
.regular-font-size {
font-size: 17px !important;
}
.bold {
font-weight: 600 !important;
}
.maj-coordonnees-small-text {
font-size: 14px !important;
}
/*Update page de connexion 23/05/2003*/
.login-link h3 {
font-size: 18px;
color: #003A8B;
font-weight: 800;
}
.login-link h2 {
font-size: 18px;
color: #003A8B;
font-weight: 800;
}
#seConnecter {
display: flex;
background-color: #FECE45 !important;
color: #000000 !important;
width: 100%;
height: 2.5rem;
justify-content: center;
align-items: center;
border: 2px solid #FFD717 !important;
border-radius: 5px;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1rem;
}
@media (max-width: 440px) {
#seConnecter {
font-size: 0.8rem;
}
}
#seConnecter:hover {
background-color: rgba(255, 215, 23, 0.8) !important;
}
.login-link img {
padding: 0;
height: 100%;
max-width: 70%;
}
#iconComp, #iconTel {
padding: 0 !important;
height: 4rem;
width: 4rem;
max-width: fit-content;
margin-top: 0.5rem;
}
@media (min-width: 992px) {
#bordure {
position: relative;
}
#bordure::after {
content: "";
height: 80%;
width: 3px;
border-right: solid 4px #003A8B;
position: absolute;
left: 0;
top: 10%;
border-radius: 10px;
}
}
#playStore, #appleStore {
margin: 0 auto !important;
padding: 0 !important;
width: 90% !important;
height: 90% !important;
max-width: 90% !important;
}
/*Fin update page de connexion */
.login-link img {
padding: 25px 25px;
height: 100px;
}
.login-third-block .solutions-padding {
padding: 40px 60px;
background-color: white;
min-height: auto !important;
max-height: auto !important;
position: relative;
}
.login-link p {
font-size: 22px !important;
color: #444 !important;
font-size: 16px;
font-weight: 700;
display: inline-block;
width: 80%;
position: absolute;
top: 50%;
left: 57%;
transform: translate(-48%, -50%);
}
.login-link:hover p {
color: black !important;
}
.login-link {
background-color: #F4F4F4 !important;
width: 100% !important;
}
.container-page .login-link:hover {
background-color: rgba(255, 215, 23, 0.8) !important;
}
.contacts-title {
padding: 15px;
background-color: #001F49 !important;
min-height: 90px;
position: relative;
}
.contacts-link a {
height: 90px;
}
.contacts-div span {
font-weight: 500;
font-size: 15px;
}
.contact-link p {
color: white !important;
font-size: 18px;
font-weight: 700;
display: inline-block;
width: 80%;
position: absolute;
top: 50%;
left: 57%;
transform: translate(-48%, -50%);
}
.contacts-info {
position: relative;
border-bottom: 2px solid white;
min-height: 100px;
}
.contacts-info::before {
bottom: 0px;
}
.contacts-info:hover:before {
width: 100%;
}
.container-page .contact-link,
.container-page .login-link {
min-height: 80px;
margin-right: inherit !important;
width: 100%;
position: relative;
background-color: #001F49;
}
.container-page p {
/*color: #555;*/
}
.container-page .contact-link:hover {
background-color: #003A8B;
}
.container-page .contact-link:hover:before,
.container-page .login-link:hover:before {
opacity: 1;
}
.login-text {
background-color: #F4F4F4;
padding: 30px 40px;
}
.login-text p,
.login-third-block p,
.express-text p {
font-size: 17px;
margin-bottom: 5px;
}
.login-text a {
color: rgb(0, 58, 139);
}
.login-text h4,
.subtitle-blue {
font-size: 18px;
color: #003A8B;
font-weight: 800;
margin-bottom: 10px;
}
.login-text h3,
.subtitle-blue {
font-size: 18px;
color: #003A8B;
font-weight: 800;
margin-bottom: 10px;
}
.chevron-right::before {
content: url(/images/gan-icons/chevron-right.svg);
position: relative;
top: 7px;
margin-right: 5px;
}
.button-yellow:hover {
text-shadow: none !important;
}
.draw-title {
margin-top: 50px;
}
.draw-announce-text {
font-weight: 800;
}
.login-third-block span {
color: #EE5253;
font-weight: 800;
font-size: 18px;
}
.login-third-block h2 {
margin-bottom: 45px;
}
.login-third-block a {
color: #003A8B;
font-size: 16px;
}
.lottery-img {
background: url(/images/gan-pictures/shutterstock_1673973448.jpg);
background-size: cover;
background-position: center;
}
@media (max-width: 1708px) {
.alt-btn-2 {
margin-top: 20px;
}
}
@media (max-width: 1238px) {
.login-text {
background-color: #F4F4F4;
padding: 35px;
height: 277px;
}
}
@media (max-width: 991px) {
.login-link img {
height: 120px;
}
.contacts-div {
width: 100%;
}
.contacts-div img {
padding: 40px 25px 40px 15px !important;
}
.login-third-block {
padding: 0px;
}
.login-third-block .solutions-padding {
padding: 40px 0px;
}
.draw-content {
padding: 0px 15px;
}
.login-text {
background-color: #F4F4F4;
padding: 30px;
height: auto;
}
}
@media (max-width: 575.98px) {
.lottery-img {
height: 400px !important;
}
.contact-link p {
color: white !important;
font-size: 1rem;
margin-left: 10px;
max-width: 228px;
}
.contact-link span {
font-size: 0.9rem;
}
.container-page {
width: 85%;
padding: 20px 15px;
}
.login-link p {
font-size: 1.2rem !important;
max-width: 228px;
margin-left: 20px;
}
}
/* PAGE - VALORISATION PATRIMOINE */
#page-title {
position: relative;
padding: 0px !important;
background-position: center;
background-size: cover;
border-bottom: none;
height: 20vh;
background-color: white;
}
.detail-page-title-text {
max-width: 50% !important;
text-transform: uppercase;
height: 35vh;
position: absolute !important;
bottom: 0px !important;
background-color: white;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
}
.detail-page-title-text h1 {
position: absolute !important;
top: 42%;
left: 50%;
width: 95%;
transform: translate(-50%, -50%);
color: #001F49 !important;
font-family: "Gotham", "Lato", sans-serif !important;
text-align: center;
font-size: 32px;
}
.detail-page-title-text .breadcrumb {
top: -15px !important;
left: 0px !important;
font-size: 14px;
width: 100% !important;
}
.page-container .solutions-padding {
padding: 40px 60px;
background-color: white;
min-height: 394px;
max-height: 394px;
position: relative;
}
.detail-page-title-text .breadcrumb a,
.detail-page-title-text .breadcrumb-item,
.detail-page-title-text .breadcrumb-item + .breadcrumb-item::before {
color: #444;
}
.section-page-text {
margin: 0px 0px 20px !important;
}
.section-page-text p {
font-size: 18px;
}
.section-page-text h2 {
font-size: 22px !important;
line-height: 30px;
}
.page-container .container-solutions {
padding: 30px 0px 0px 15px;
}
.page-container .container-products {
padding: 30px 0px 0px 0px;
}
.page-container .content-wrap {
position: relative;
padding: 70px 0px !important;
}
.heading-block-page {
background-color: transparent !important;
}
.heading-block-page h2 {
font-size: 26px !important;
line-height: 30px;
text-transform: uppercase;
margin-bottom: 40px;
color: #001F49;
}
.card-container h3,
.card-products-container h3 {
color: #001F49;
text-transform: uppercase;
font-size: 18px !important;
}
.card-products-container .card-text {
font-size: 1rem !important;
}
.card-container img {
width: 20%;
margin-bottom: 40px;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.card-container img {
width: 20% !important;
height: 100%;
margin-bottom: 40px;
}
}
.page-container .image-snippet:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
.products-card {
height: 260px;
}
.testimony-text {
position: relative;
font-size: 18px;
padding: 30px;
}
.testimony-text h4 {
margin-left: 30px;
}
.page-quote {
position: absolute;
top: 0px;
left: -30px;
height: 70px;
}
.readmore-btn {
padding: 10px;
position: absolute;
width: 40%;
height: auto;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
bottom: -15px;
}
.news-block {
background-color: #F4F4F4;
padding: 20px 20px 20px;
max-height: 700px;
position: relative;
}
.news-block p {
font-size: 16px;
}
.news-block-text {
padding: 20px;
}
.news-block .read-file {
bottom: -10px;
right: 0px;
font-size: 16px;
color: #1265A8;
}
.news-block .read-file:hover {
color: #001F49;
}
.news-block h4 {
margin-right: 50px;
}
.news-block::before,
.decryptage-block::before {
content: "News";
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
font-weight: 800;
padding: 10px;
background-color: #FFD717;
z-index: 3;
}
.decryptage-block::before {
content: "Dossier de décryptage";
}
.full-width .container {
max-width: 100% !important;
}
.news-block img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.financement-main-img {
background: url(/images/gan-pictures/main-shutterstock_1152355868.jpg);
background-size: cover;
background-position: center;
}
.patrimoine-main-img {
background: url(/images/gan-pictures/Definitive_Valorisation_pat.jpg);
background-size: cover;
background-position: right 35% bottom 75%;
}
.container-solution-second-block {
padding-top: 50px !important;
}
.card-flip {
display: grid;
grid-template: 1fr / 1fr;
grid-template-areas: "frontAndBack";
transform-style: preserve-3d;
transition: all 0.7s ease;
height: 95%;
width: 96%;
}
.card {
background-color: #F4F4F4;
border: 0px;
padding: 0px 10px;
border-radius: 0.25rem;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
justify-content: center;
align-items: center;
text-align: center;
}
.card-flip div {
backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.front {
grid-area: frontAndBack;
position: relative;
}
.back {
grid-area: frontAndBack;
transform: rotateY(-180deg);
}
.card-container {
height: 340px;
}
.card-container:hover .card-flip {
transform: rotateY(180deg);
}
.products-btn {
padding: 7px;
opacity: 0;
transition-delay: 0s;
transition-duration: 0s;
transition-property: opacity;
}
.card-container:hover .products-btn {
opacity: 1;
transition-delay: 0.2s;
transition-duration: 0.2s;
transition-property: opacity;
}
.card.back .card-block {
position: relative;
bottom: 5px;
}
.card .fa-chevron-down {
position: absolute;
bottom: 15px !important;
font-size: 27px;
color: #FFD717;
}
@media (min-width: 1700px) {
.card-flip {
display: grid;
grid-template: 1fr / 1fr;
grid-template-areas: "frontAndBack";
transform-style: preserve-3d;
transition: all 0.7s ease;
height: 90%;
width: 98%;
}
.card-container {
height: 270px;
}
}
@media (max-width: 767px) and (min-width: 575px) {
.card-container {
height: 430px;
}
}
@media (max-width: 767px) {
.news-block {
background-color: #F4F4F4;
padding: 20px 20px 20px;
max-height: auto !important;
position: relative;
}
.page-container .patrimoine-main-img {
height: 300px !important;
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.container,
#header.full-header .container,
.container-fullwidth {
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.card-flip {
display: grid;
grid-template: 1fr / 1fr;
grid-template-areas: "frontAndBack";
transform-style: preserve-3d;
transition: all 0.7s ease;
height: 93%;
width: 100%;
}
.card-container {
height: 350px;
}
.news-block img {
position: relative;
}
.testimony-text {
padding: 0px;
}
.testimony-text.bg-grey {
padding: 30px;
margin: 0px 0px 30px !important;
}
.testimony-text p {
padding-bottom: 20px;
}
.testimony-text h4 {
margin-left: 50px;
}
.page-quote {
position: absolute;
top: 0px;
left: -20px;
height: 50px;
max-width: 70%;
}
.detail-page-title-text .breadcrumb {
top: -20px !important;
left: -10px !important;
font-size: 2.5vw;
width: 100% !important;
margin: 0px !important;
}
.detail-page-title-text {
max-width: 70% !important;
}
#page-title h1 {
top: 40%;
font-size: 5vw !important;
}
.news-block-text {
padding: 20px 0px;
}
}
@media (max-width: 400px) {
.card-flip {
height: 95%;
width: 100%;
}
.card-container {
height: 350px;
}
.gofurther-block {
padding-left: 0px;
}
}
/* VALEUR DES MARCHÉS */
.market-container {
display: flex;
padding: 30px;
min-height: 700px;
}
.market-container ul {
list-style-type: none;
margin-bottom: 0px;
}
.market-iframe {
width: 100%;
height: 100%;
}
.toggle {
margin: 0px;
}
.toggle-original {
max-width: calc(100% - 15px);
}
.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
background-color: #001F49;
line-height: 44px;
padding: 0 0 0 36px;
border-radius: 0px;
color: white;
}
.togglec {
padding: 0px !important;
}
.togglec li {
padding: 10px 20px 10px 20px;
}
.togglec li:nth-child(odd) {
background-color: rgb(0, 58, 139, 0.2);
}
.togglec li:nth-child(even) {
background-color: rgb(0, 58, 139, 0.1);
}
.togglec .active-list li:nth-child(odd) {
background-color: white !important;
}
.togglec .active-list li:nth-child(even) {
background-color: white !important;
}
.togglec a {
font-size: 16px;
color: #2D3436;
}
.togglet p {
line-height: inherit !important;
margin-bottom: 0px;
font-size: 16px;
}
.toggle.toggle-bg .active-toggle {
padding: 0px !important;
}
.toggle.toggle-bg .togglec .active-list .active {
background-color: rgb(254, 206, 69) !important;
color: #444 !important;
}
.active-list {
border: 3px solid rgb(254, 206, 69) !important;
border-top: 0px !important;
color: #444 !important;
}
@media (max-width: 575px) {
.market-container {
display: block;
}
.toggle {
max-width: 100% !important;
}
}
/* PAGE ACTUALITÉS */
#actualites-content {
margin-bottom: 20px;
}
.filters-group-row {
position: relative;
height: 100px;
}
.nav-pills .nav-link.active {
background-color: #FECE45 !important;
border-radius: 0px;
color: #444;
font-weight: 700;
}
.news-container .section {
background-color: white;
}
.important-message-actualite {
position: relative;
margin: 0rem 1rem 1.15rem;
}
.important-message-actualite p {
font-size: 18px;
margin: 0px;
}
.filters-group-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.sort-options {
height: 46px;
}
.btn-group .btn {
border-radius: 0px !important;
}
.btn-group .btn:not(:first-child) {
margin-left: -1px;
}
.btn-group label.btn input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-group .btn {
display: inline-block;
text-transform: inherit;
padding: 10px 30px;
text-align: center;
border-radius: 3px;
color: white;
font-size: 16px;
background-color: #001F49;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
cursor: pointer;
-webkit-appearance: none;
}
.btn:focus {
outline-width: 0;
}
.btn.active,
.btn:active {
color: #444 !important;
background-color: #FFD717 !important;
font-weight: 600 !important;
}
.picture-item {
border-left: 2px solid #001F49;
border-bottom: 2px solid #001F49;
min-height: 650px !important;
margin-right: inherit !important;
width: 30%;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-out !important;
transition: all 0.2s ease-out !important;
cursor: pointer;
}
.picture-item:hover {
border-left: 2px solid #FFD717;
border-bottom: 2px solid #FFD717;
background-color: rgba(255, 215, 23, 0.1);
-webkit-transition: all 0.2s ease-out !important;
transition: all 0.2s ease-out !important;
}
.files-feature-box {
padding: 20px !important;
}
.files-text {
font-size: 16px;
margin-bottom: 50px;
}
.files-feature-box h4 {
color: #001F49;
}
.my-sizer-element {
position: absolute;
opacity: 0;
visibility: hidden;
}
.files-div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
transition: none !important;
margin-bottom: 20px;
}
/* Ensure images take up the same space when they load */
/* https://vestride.github.io/Shuffle/images */
.col-1\@xs,
.col-2\@xs,
.col-3\@xs,
.col-4\@xs,
.col-5\@xs,
.col-6\@xs,
.col-1\@sm,
.col-2\@sm,
.col-3\@sm,
.col-4\@sm,
.col-5\@sm,
.col-6\@sm,
.col-7\@sm,
.col-8\@sm,
.col-9\@sm,
.col-10\@sm,
.col-11\@sm,
.col-12\@sm,
.col-1\@md,
.col-2\@md,
.col-3\@md,
.col-4\@md,
.col-5\@md,
.col-6\@md,
.col-7\@md,
.col-8\@md,
.col-9\@md,
.col-10\@md,
.col-11\@md,
.col-12\@md {
position: relative;
box-sizing: border-box;
min-height: 1px;
padding-left: 8px;
padding-right: 8px;
}
.col-1\@xs,
.col-2\@xs,
.col-3\@xs,
.col-4\@xs,
.col-5\@xs,
.col-6\@xs {
float: left;
}
.col-1\@xs {
width: 16.66667%;
}
.col-2\@xs {
width: 33.33333%;
}
.col-3\@xs {
width: 50%;
}
.col-4\@xs {
width: 66.66667%;
}
.col-5\@xs {
width: 83.33333%;
}
.col-6\@xs {
width: 90%;
}
@media screen and (max-width: 991px) {
.filters-group-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 10px;
}
.sort-options {
display: table;
margin: 0 auto !important;
margin: 0 auto 10px !important;
}
.filter-options {
display: table;
margin: 0 auto !important;
}
}
@media screen and (min-width: 768px) {
.col-1\@sm {
width: 8.33333% !important;
}
.col-2\@sm {
width: 16.66667% !important;
}
.col-3\@sm {
width: 25% !important;
}
.col-4\@sm {
width: 33.33333% !important;
}
.col-5\@sm {
width: 41.66667% !important;
}
.col-6\@sm {
width: 45% !important;
}
.col-7\@sm {
width: 58.33333% !important;
}
.col-8\@sm {
width: 66.66667% !important;
}
.col-9\@sm {
width: 75% !important;
}
.col-10\@sm {
width: 83.33333% !important;
}
.col-11\@sm {
width: 91.66667% !important;
}
.col-12\@sm {
width: 100% !important;
}
}
@media screen and (min-width: 1024px) {
.col-1\@md {
width: 8.33333%;
}
.col-2\@md {
width: 16.66667%;
}
.col-3\@md {
width: 30% !important;
}
.col-4\@md {
width: 33.33333%;
}
.col-5\@md {
width: 41.66667%;
}
.col-6\@md {
width: 50%;
}
.col-7\@md {
width: 58.33333%;
}
.col-8\@md {
width: 66.66667%;
}
.col-9\@md {
width: 75%;
}
.col-10\@md {
width: 83.33333%;
}
.col-11\@md {
width: 91.66667%;
}
.col-12\@md {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.btn-group .btn {
display: inline-block;
text-transform: inherit;
padding: 10px 10px;
text-align: center;
border-radius: 3px;
color: white;
background-color: #001F49;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
cursor: pointer;
-webkit-appearance: none;
}
.files-div {
margin-right: 20px;
}
}
@media screen and (max-width: 499px) {
.btn-group .btn {
font-size: 2.7vw;
}
.important-message-actualite {
position: relative;
margin: 3rem 1rem 1.15rem;
}
.filters-group-wrap {
margin-top: 20px;
}
}
/* PAGE CONTACT */
.container-page {
width: 90%;
padding: 30px 15px;
}
.main-page-padding {
padding: 70px 15px;
}
.main-contact-div {
width: 95%;
margin-top: 40px;
}
.main-contacts-div {
width: 100%;
margin-top: 30px;
}
.container-page .heading-block {
position: relative;
}
.container-page .heading-block img {
top: 40%;
left: 50%;
transform: translate(-50%, -55%);
max-width: 125px;
opacity: 0.4 !important;
}
.container-page .heading-block h2 {
margin-top: 0px;
}
.main-contact-first-block {
z-index: 4;
}
.main-contact-subtitle h4 {
line-height: 1.75rem;
}
.main-contact-link p {
font-weight: 400;
}
.main-contact-second-block .active {
opacity: 0.9;
}
.main-contact-second-block .active:after {
animation: shine 3s ease-in-out infinite;
animation-fill-mode: forwards;
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.18) 0%,
rgba(255, 255, 255, 0.18) 77%,
rgba(255, 255, 255, 0.55) 92%,
rgba(255, 255, 255, 0) 100%
);
}
.main-contact-second-block .active:active:after {
opacity: 0;
}
@keyframes shine {
0% {
opacity: 1;
top: -30%;
left: -160%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}
100% {
opacity: 0;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
}
}
.first-step-contact {
background-color: #FECE45 !important;
}
.steps-contact-link p {
color: #444 !important;
}
.first-step-contact h2 {
color: #444 !important;
}
.main-contact-second-block .steps-contact-link:nth-child(2) {
border-top: 2px solid white;
border-bottom: 2px solid white;
}
.main-contact-second-block .steps-contact-link:nth-child(3) {
border-bottom: 2px solid white;
}
.main-contact-second-block .steps-contact-link {
min-height: 100px;
margin-right: inherit !important;
width: 100%;
position: relative;
background-color: #F4F4F4;
color: #444;
}
.main-contact-second-block .contact-link h2 {
height: 100px;
padding: 30px 20px;
margin: 0px;
color: rgba(255, 215, 23, 1);
}
.main-contact-second-block .contact-link span {
font-weight: 400;
}
.main-contacts-div .steps-contact-link:hover {
background-color: #F4F4F4;
}
.main-contact-form label {
font-size: 14px;
margin-bottom: 0px;
}
#demande {
width: 100%;
}
.radioboxes-contact {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.main-contact-form .column select,
.main-contact-form .column input {
float: right;
width: 60%;
background-color: #F4F4F4;
border: 0px;
height: 30px;
}
.main-contact-form .main-contact-second-div select, #form-comments, #captcha-comments {
width: 100%;
background-color: #F4F4F4;
border: 0px;
height: 30px;
}
.container-page .heading-block.center:after {
margin: 20px auto 0;
}
.heading-block span {
font-size: 22px;
}
.main-contact-second-block .contacts-div .contact-link:nth-child(2) {
border-top: 2px solid white;
border-bottom: 0px solid white !important;
}
.container-page .contacts-div {
width: 100%;
margin-top: 30px;
}
#form-comments {
height: 120px;
padding: 10px;
}
.newsletters-contact {
margin-top: 40px;
}
.main-contact-first-block hr {
width: 60%;
background-color: #FECE45;
margin-top: 20px;
margin-bottom: 40px;
}
.newsletters-contact div {
height: 40px;
margin-bottom: 10px !important;
}
.newsletters-contact legend {
font-size: 1.15rem;
color: #001F49;
font-weight: 700;
margin-bottom: 20px;
}
.newsletters-contact label {
font-weight: 700;
}
.newsletters-contact input {
margin-right: 10px;
position: relative;
top: 5px;
}
.newsletters-contact p {
margin-right: 20px;
font-size: 16px;
}
.captcha-div {
height: auto !important;
}
#captcha-comments {
width: 40%;
}
@media (min-width: 991px) and (max-width: 1025px) {
.main-contact-second-block .contact-link span {
font-weight: 400;
font-size: 1rem !important;
}
.main-contact-second-block .contact-link h2 {
padding: 30px 15px;
}
.contact-link p {
font-size: 0.95rem;
}
.contacts-div img {
padding: 40px 25px 40px 12px;
}
}
@media (max-width: 991px) {
.main-contact-form .column {
width: 100%;
}
.main-contact-form .main-contact-second-div select,
#form-comments, #captcha-comments {
width: 100%;
}
}
@media (max-width: 575px) {
.radioboxes-contact {
position: relative;
left: 10%;
transform: none;
top: -5px;
}
.main-contact-form label {
font-size: 3vw;
margin-bottom: 0px;
}
.main-contact-form input[type="checkbox"], input[type="radio"] {
position: relative;
top: 3px;
}
.newsletters-contact {
margin-top: 40px;
margin-bottom: 0px;
}
.button-border.button-blue {
margin: 0 auto;
}
.main-contact-second-block {
margin-top: 20px;
}
}
/* LES PLUS GAN PATRIMOINE */
.small-heading h2 {
font-size: 1vw;
line-height: 2rem;
margin-bottom: 0px;
padding-bottom: 20px;
}
.alt-page-hero-picture {
height: 26.5vh;
background-image: url(/images/gan-pictures/AdobeStock_307337262.jpg);
background-size: cover;
background-position: 90% 20%;
}
.container-alt-page .login-first-block {
padding: 0px 20px 20px;
}
.container-alt-page .contacts-useful {
width: 100%;
}
.container-alt-page .login-second-block {
padding-right: 20px;
}
.alt-page-third-block {
background-color: #F4F4F4;
padding: 30px 40px;
width: 100%;
}
.alt-page-third-block p {
font-size: 19px;
}
.alt-page-section {
margin: 40px 0px;
}
.alt-page-section .iframe-p {
width: 80%;
height: auto;
display: table;
margin: 0 auto !important;
}
.plus-gan-list {
margin-left: 20px;
font-size: 19px;
}
.plus-gan-list li {
margin-bottom: 10px;
}
.alt-page-quote {
color: #001F49;
margin: 10px auto;
display: table;
position: relative;
font-size: 20px;
font-weight: 700;
}
.alt-page-quote-img {
width: 30px;
position: absolute;
top: -20px;
left: -45px;
opacity: 0.95;
}
@media (max-width: 991px) {
.small-heading h2 {
font-size: 18px;
}
.container-alt-page .login-second-block {
padding: 0px;
}
}
@media (max-width: 575px) {
.container-alt-page .login-first-block {
padding: 0px 10px 20px;
}
.alt-page-third-block {
margin: 30px 0px;
padding: 30px 20px;
}
.alt-page-section .iframe-p {
width: 100%;
height: auto;
display: table;
margin: 0 auto !important;
}
.container-alt-page .login-second-block {
padding: 10px;
}
.alt-page-quote-img {
width: 30px;
position: absolute;
top: -30px;
left: 0px;
opacity: 0.95;
}
}
/* CONFIG IPAD PRO */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.alt-page-hero-picture {
height: 16vh;
}
.small-heading h2 {
font-size: 1.5vw;
line-height: 1.8rem;
}
.slider-quote h3 {
font-size: 42px;
}
.navbar-list {
left: 6%;
position: relative;
}
.start-search-hero span {
position: relative;
font-size: 22px;
line-height: 1.75rem;
}
}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.alt-page-hero-picture {
height: 25.5vh;
}
}
/* PAGE OUTILS ET GUIDES */
.outils-container .card-container {
max-height: 251px;
width: 100%;
margin: 20px 0px;
}
.outils-container .card-text {
font-size: 17px;
width: 80%;
margin: 20px auto 0px;
}
.yellow-card {
background: rgba(254, 206, 69, 0.8);
}
.blue-card {
background: rgba(0, 58, 139, 0.8);
}
.blue-card p {
color: white !important;
}
.blue-card h3 {
color: white !important;
}
.blue-card .fa-chevron-down {
color: white;
}
.yellow-card .fa-chevron-down {
color: #001F49;
}
.outils-container .card-container img {
width: 13%;
margin-bottom: 30px;
}
.list-links-outils,
.list-links-promo {
display: flex;
flex-direction: column;
padding: 1.2% 25px;
}
.list-links-promo {
padding: 1.2% 0px;
}
.list-links-outils a,
.list-links-promo a {
font-size: 18px;
margin-left: 20px;
line-height: 2rem;
font-weight: 700;
position: relative;
transition: 0.25s all;
}
.list-links-outils div,
.list-links-promo div {
margin: 10px 0px;
}
.list-links-outils .fa-chevron-right,
.list-links-promo .fa-chevron-right {
font-size: 18px;
}
.bg-lightgrey {
background-color: #F4F4F4;
}
.list-links-outils a::before {
bottom: -13px;
}
/* PAGE RECHERCHE D'UN CONSEILLER */
#francemap {
height: 500px;
width: auto;
}
.jqvmap-label {
position: absolute;
display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
font-size: smaller;
padding: 3px;
}
.jqvmap-zoomin,
.jqvmap-zoomout {
position: absolute;
left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #001F49;
padding: 3px;
color: white;
width: 30px;
height: 40px;
cursor: pointer;
line-height: 25px;
text-align: center;
font-size: 18px;
}
.jqvmap-zoomin {
top: 10px;
}
.jqvmap-zoomout {
top: 30px;
line-height: 40px;
}
.jqvmap-region {
cursor: pointer;
}
.jqvmap-ajax_response {
width: 100%;
height: 500px;
}
.container-alt-page2 {
margin: 40px 0;
}
.conseiller-info-block {
background-color: #F4F4F4;
max-height: 500px;
padding: 20px;
position: relative;
}
.conseiller-block-region {
position: relative;
left: 15px;
}
.conseiller-info-block img,
.conseiller-large-info img {
padding: 0px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.conseiller-info-block h4,
.conseiller-large-info h4 {
font-size: 20px;
line-height: 2rem;
}
.conseiller-large-info {
display: none;
}
.conseiller-large-info .region-text {
font-size: 30px !important;
color: #001F49 !important;
font-weight: 700;
}
.login-second-block .searchbar {
background-color: white;
position: relative;
top: -1px;
width: calc(100% - 26px);
height: 45px;
}
.login-second-block .search-icon {
background-color: white;
position: relative;
top: -1px;
height: 45px;
}
.yellow-top-border::before {
content: "";
border-top: 5px solid #FFD717 !important;
width: 4rem;
margin: 0 40px;
transform: translateY(-20px);
position: absolute;
left: 7px;
}
.region-list-conseillers table {
width: 100%;
}
.region-list-conseillers h5 {
float: right;
margin-bottom: 0px;
}
.region-list-conseillers tr {
height: 60px;
}
.heading-block h3 {
font-size: 18px;
line-height: 1.75;
}
.other-subtitle {
font-size: 18px !important;
}
.last-contact-link {
border-bottom: 0px !important;
}
.contact-link a {
color: white;
}
.mail-underline-white {
font-size: 15px !important;
border-bottom: 1px solid white;
}
.underline-white {
border-bottom: 2px solid white;
}
.other-titles-table {
font-size: 18px;
}
.other-titles-table a {
font-weight: bold;
transition: 0.25s all;
}
.other-titles-table a:hover {
color: #0051BF;
}
.titre-tab {
background-color: #FFD717;
height: 70px;
}
.titre-tab td {
padding: 1em;
vertical-align: middle !important;
font-weight: bold;
font-size: 16px;
}
.products-intro {
font-size: 18px;
}
.products-intro li {
padding: 5px 0px;
}
.text-chapo {
font-weight: bold;
color: #0051BF;
}
@media (max-width: 575px) {
.conseiller-info-block img,
.conseiller-large-info img {
position: relative;
margin-bottom: 20px;
}
.yellow-top-border::before {
content: "";
border-top: 5px solid #FFD717 !important;
position: absolute;
width: 35vw;
left: 50%;
transform: translate(-50%);
margin: 0px;
top: 0px;
}
.conseiller-info-block {
max-width: 89vw;
}
}
/* SOLUTIONS = FINANCEMENT RETRAITE */
.retraite-main-img {
background: url(/images/gan-pictures/shutterstock_1670761414-detourage.jpg);
background-size: cover;
background-position: center;
}
.large-btn-height {
width: 100%;
height: 90px;
}
.retraite-content-img {
height: 50%;
}
@media (max-width: 768px) {
.large-btn-height {
height: 140px;
}
}
@media (max-width: 575px) {
.testimony-text .bg-grey {
padding: 30px;
}
}
/* PAGE products */
.products-img {
float: right;
max-width: 49%;
padding: 0px 0% 1% 3%;
}
.promo-paroles-experts {
width: 80vw;
margin: 40px auto;
}
.promo-external-link {
background-image: url(/images/gan-pictures/shutterstock_1424587970.jpg);
background-size: cover;
width: 100%;
margin: 20px auto 50px;
background-position: left 100%;
}
.promo-experts {
background-image: url(/images/gan-pictures/shutterstock_1469291495.jpg);
background-size: cover;
width: 100vw;
margin: 40px auto;
background-position: left 40%;
}
.promo-external-link > .container > span {
padding-top: 1%;
}
.promo-experts > .container > span {
padding-top: 1%;
}
.promo-external-link > .container > h3 {
font-size: 30px !important;
color: white !important;
}
.promo-external-link > .container > span {
font-size: 17px !important;
color: white !important;
}
.promo-external-link .list-links-promo a:hover,
.promo-experts .list-links-promo a:hover {
color: white !important;
}
.products-intro p {
text-align: justify;
}
.testimony-text li {
margin: 1.5% 0px;
}
.card-products-container {
min-height: 380px;
max-height: 410px;
width: 98%;
}
.card-products-container {
margin-bottom: 1.5rem;
}
.small-text {
font-size: 11px !important;
font-weight: 400;
}
.modal-other-titles-list li {
width: 43.2vh;
padding: 10px;
display: flex;
justify-content: center;
flex-direction: column;
min-height: 50px;
margin: 5px;
background-color: #F4F4F4;
list-style-type: none;
text-align: center;
transition: 0.5s all;
}
.modal-other-titles-list li:hover {
background-color: #001F49;
}
.modal-other-titles-list li:hover a {
color: white;
}
.modal-other-titles-list a {
color: black;
font-weight: 600;
}
.contact-btn:hover {
color: white !important;
}
.btn-other-titles {
transition: 0.5s all;
font-weight: bold;
cursor: pointer;
}
.modal-no-border .modal-header {
border-bottom: 0px;
}
.modal-no-border .close {
font-size: 2.5rem;
color: #001F49;
}
/* PAGE CONSEILLER */
.conseiller-title {
color: #001F49;
}
.conseillers-icon {
height: 30px;
}
.conseillers-phone-number {
font-size: 18px;
font-weight: bold;
color: #444;
}
.conseillers-phone-number:hover {
color: #001F49;
}
.conseillers-text {
font-size: 18px;
padding: 15px 20px;
background-color: #F4F4F4;
}
.conseillers-ligne {
max-width: 100px;
margin: 25px 0px;
border-top: 2px solid #FECE45;
}
.blue-background {
background-color: #001F49;
padding: 20px 35px !important;
}
.blue-background label {
color: white;
}
.conseiller-form-title {
line-height: 2.5rem;
text-align: center;
font-size: 21px;
}
.conseiller-radio-btn input {
position: relative;
top: 5px;
}
.conseiller-radio-btn p {
position: relative;
bottom: 2px;
color: white;
}
#demande {
height: 35px;
}
#client-gan, #civilite {
width: 100%;
}
#conseillers-form-comments {
width: 100%;
height: 150px;
padding: 10px;
}
.list-nonlink {
font-size: 18px;
line-height: 2rem;
font-weight: 700;
position: relative;
color: #444;
}
.list-nonlink i {
margin-right: 20px;
}
.conseillers-searchbar {
width: calc(100% - 50px);
background-color: white;
padding: 10px;
height: 50px;
}
.conseillers-searchicon {
background-color: white;
height: 50px;
}
.yellow-background {
background-color: #F4F4F4;
color: #444;
padding: 20px 35px !important;
border-left: 5px solid #FECE45;
}
.table-center {
display: table;
margin: 0 auto;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 900px;
margin: 1.75rem auto;
}
}
@media (max-width: 768px) {
.products-container {
max-width: 700px;
}
.mobile-first {
order: 1;
}
.mobile-second {
order: 2;
}
.card-products-container {
min-height: 400px;
max-height: 1000px !important;
width: 98%;
}
}
@media (max-width: 575px) {
.products-img {
float: right;
max-width: 100%;
padding: 3%;
}
.card-products-container {
min-height: 300px;
max-height: 450px;
width: 100%;
}
.products-intro {
padding: 0%;
}
.page-container .content-products {
position: relative;
padding: 40px 0px 0px !important;
}
}
.prevoyance-main-img {
background: url(/images/gan-pictures/Definitive_prevoyance_protection.jpg);
background-size: cover;
background-position: center;
}
.optimisation-main-img {
background: url(/images/gan-pictures/Definitive_Optimisation_Fiscale.jpg);
background-size: cover;
background-position: center;
}
.succession-main-img {
background: url(/images/gan-pictures/Definitive_Succession_Transmission.jpg);
background-size: cover;
background-position: center;
}
/* AJOUT DU 22/09/20 - UNSUBSCRIBE PAGE */
#unsubscribePage {
text-align: center;
}
#unsubscribePage img {
width: 10% !important;
margin: 15px auto;
}
@media (max-width: 675px) {
#unsubscribePage img {
width: 20% !important;
margin: 20px auto;
}
#unsubscribePage {
text-align: center;
}
}
/* AJOUT DU 28/09/20 - PODACST */
.podcastPE {
border: 2px solid darkgray !important;
border-radius: 25px !important;
}
.actus {
margin-right: 5px;
}
#imgActualites {
margin: 15px auto;
width: 50% !important;
}
@media (min-width: 1084px) {
.title-actu {
margin-top: -20px !important;
width: 100% !important;
}
/* AJOUT DU 30/09/20 - GP EMPRUNTEUR */
.devisEmprunteur {
color: #001F49 !important;
font-weight: bold;
}
}
.exempleEmprunteur {
color: steelblue !important;
}
/* AJOUT DU 02/10/20  */
@media (min-width: 576px) {
.xs-30 {
margin-left: -30px !important;
}
}
@media (max-width: 776px) {
.video-Gestion-Deleguee {
max-width: 300px !important;
}
.iframe-video {
width: 100% !important;
}
.actus {
margin-right: 3px;
}
}
.video-Gestion-Deleguee {
width: 600px !important;
}
.video-display {
margin: 30px auto !important;
text-align: center !important;
}
.iframe-video {
width: 60% !important;
}
form {
margin-bottom: 0px;
}
/*PAGE SUPPLEMENTAIRE - GAN LE CLUB*/
.leclub-desc-page .card-container img {
width: 20%;
margin-bottom: 40px;
max-width: 60px;
}
.leclub-desc-page .card {
background-color: white;
padding: 2rem;
}
.leclub-desc-page .card-container {
height: auto;
margin-bottom: 2rem;
}
.yellow-color {
color: #F2BC74 !important;
font-style: italic;
}
.leclub-desc-page p {
font-size: 17px;
}
.alt-page-third-block li {
font-size: 19px;
}
.leclub-desc-page li {
font-size: 16px !important;
}
.leclub-desc-page ul {
text-align: left;
margin-bottom: 0px;
}
.leclub-desc-page .card-flip {
height: 100%;
}
.conditions-div ul {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0px;
}
.conditions-div li {
margin: 3px 0px;
font-size: 14px;
}
.conditions-div p {
margin: 8px 0px;
font-size: 14px;
font-weight: bold;
}
@media screen and (min-width: 1500px) {
.col-xxl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}