:root{
    --color-1: #fab63f;
    --color-2: #2e4c9b;
    --color-3: #556db3;
    --color-4: #0c111c;
}

/* ***** TYPO ***** */

@font-face {
	font-family: 'Logirent', sans-serif;
    src: url('../LogirentRegular.woff') format("woff"),
        url('../LogirentRegular.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Logirent', sans-serif;
    src: url('../LogirentBold.woff') format("woff"),
        url('../LogirentBold.woff2') format("woff2");
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Source Sans Pro', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Source Sans Pro', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: Source Sans Pro, sans-serif;
    color: var(--color-4);
    font-weight: normal;
    line-height: 1.55em;
}
p, .page-content.page-cms ul {
    color: var(--color-4);
}
b, strong {
    color: var(--color-2);
}
#entete b, 
#entete strong,
.LPE-phrase b, 
.LPE-phrase strong,
.LPE-degrade b, 
.LPE-degrade strong {
    color: var(--color-1);
}
.h1, .h2, .h5, .h6, h1, h2, h4, h5, h6,
#custom-text h2 {
    font-weight: normal; 
    text-transform: inherit;
}        
.h1, h1,
#index .h1, #index h1 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 3.05rem;
    font-weight: bold; 
    color: var(--color-2);
}  
.h2, h2,
#index .h2, #index h2 {
    padding-left: 160px;
    padding-right: 160px;
}         
.h2, h2,
#index .h2, #index h2,
.LPE-cadre h3,
#index .LPE-cadre h3,
.LPE-cadre h4,
#index .LPE-cadre h4 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 2.75rem;
    font-weight: bold; 
    color: var(--color-2);
}

#module-notaria-projet .h2, #module-notaria-projet h2{
    font-family: Source Sans Pro, sans-serif;
    font-size: inherit;
    font-weight: bold; 
    color: var(--color-2);
    padding: inherit;
} 
.LPE-cadre h4,
#index .LPE-cadre h4 {
    color: var(--color-1);
}
.h3, h3,
#index .h3, #index h3  {
    font-family: Source Sans Pro, sans-serif;
    font-weight: normal;
    font-size: 1.95rem;
    color: var(--color-2);
}           
.h4, h4,
#index .h4, #index h4  {
    font-family: Source Sans Pro, sans-serif;
    font-weight: bold;
    font-size: 1.75rem;
    color: var(--color-2);
}
.LPE-phrase p,
#custom-text .LPE-phrase p {
    font-size: 2.45rem;
    line-height: 1.2em;
    padding-left: 180px;
    padding-right: 180px;
}
p, 
#custom-text p, 
.page-content.page-cms ul,
#custom-text .page-content.page-cms ul, 
.page-content.page-cms #custom-text ul {
    font-size: 1.15rem;
} 
button, input, optgroup, select, textarea {
    color: var(--color-2);
}
a {
    color: var(--color-2);
    font-weight: bold;
}
a:hover {
    color: var(--color-1);
}






/* ***** GLOBAL ***** */

body,
#header, 
#wrapper,
#custom-text,
.page-content.page-cms {
    background-color: #fff;
}
.colonne {
    min-height: 1px;
}
#wrapper {
    box-shadow: none;
    padding-top: 0px;
}
#main .page-content {
    margin-bottom: 0;
}
#main .page-footer {
    margin-bottom: 0;
}
.page-content.page-cms {
    padding: 0;
}
#custom-text {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0px;
}
.LPE-padding-top {
    padding-top: 50px;
} 
.LPE-padding-bottom {
    padding-bottom: 50px;
}
.LPE-list .widget h3.media-heading {
    margin-bottom: 25px;
}
.LPE-list .widget {
    margin: 0px;
}
.LPE-list .widget .media {
    padding: 0px 0px 0px 10px;
}
.widget.LPE-cadre {
    margin-bottom: 50px !important;
}
.LPE-cadre {
    border-bottom: 14px solid var(--color-2);
}
.LPE-cadre .widget {
    background-color: #f7f9ff;
    padding: 20px 0 40px 0;
    margin-bottom: 0px;
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
}
.widget.LPE-vague-top,
.widget.LPE-vague-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
}
.widget.LPE-vague-top .carousel,
.widget.LPE-vague-bottom .carousel {
    margin-bottom: 0;
}






/* ***** TITRES PERSONNAGES ***** */

#objectifs,
#intervention,
#fonctionnalites,
#etapes, 
#economies {
    position: relative;
}
#objectifs .row::before {
    content: "";
    height: 413px;
    width: 329px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-1.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 280px;
}
#intervention .row::after {
    content: "";
    height: 413px;
    width: 160px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-4.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    right: 380px;
}
#fonctionnalites .row::before {
    content: "";
    height: 413px;
    width: 227px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-2.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 380px;
}
#etapes .row::after {
    content: "";
    height: 413px;
    width: 297px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-3.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: -190px;
    right: 270px;
}
#economies .row::before {
    content: "";
    height: 413px;
    width: 473px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-5.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 100px;
}
.LPE-cadre .row::before {
    content: "";
    height: 413px;
    width: 174px;
    background-image: url("/img/cms/IMG/Notar_IA-personnage-7.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 45px;
    right: -140px;
}





/* ***** HEADER ***** */

#header,
#header a {
    color: var(--color-2);
}
#header a:hover {
    color: var(--color-3);
}
#header .header-nav {
    background-color: #f7f9ff;
}
#search_widget form input {
    background-color: transparent !important;
    border-radius: 0px;
}
#header .header-nav #search_widget form i {
    color: var(--color-2);
}
#header .header-nav .user-info {
    margin-top: 0.375rem;
    padding: 5px 10px 2px 10px;
}
#header .header-nav .user-info:hover {
    background-color: #e3e8f7;
}
#cbp-hrmenu > ul > li > a, 
#cbp-hrmenu > ul > li > span.cbp-main-link {
    font-weight: normal;
}
#header .header-nav .LPE-bouton {
    display: none;
}






/* ***** BOUTON ***** */

.LPE-bouton a,
.btn-primary,
.group-span-filestyle .btn-default, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.btn {
    background-color: var(--color-2);
    color: #fff;
    border: none;
    padding: 7px 15px;
    margin-right: 15px;
    text-transform: inherit !important;
    font-weight: normal;
    transition: all 0.3s ease-in;
}
.btn-primary,
.group-span-filestyle .btn-default, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
.bootstrap-touchspin .group-span-filestyle .btn-touchspin {
    margin-right: 0;
}
.LPE-bouton a:hover,
.btn-primary:hover,
.group-span-filestyle .btn-default:hover, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, 
.bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover,
.btn:hover {
    background-color: var(--color-1);
    color: #fff;
    border: none;
    box-shadow: inset 0.75em 0em var(--color-2);
    padding-left: 25px !important;
    transition: all 0.3s ease-out;
}
.block_newsletter .btn-primary {
    background-color: var(--color-1);
}
.block_newsletter .btn-primary:hover {
    background-color: var(--color-3);
    box-shadow: inset 0.75em 0em var(--color-1);
}
.LPE-bouton p {
    margin-top: 1rem;
}





/* ***** FORMULAIRE ***** */

.form-control:focus {
    outline: 0.1875rem solid var(--color-3);
    border-color: var(--color-3);
}
.fancybox-skin {
    border-radius: 15px;
    padding: 30px 15px 25px 15px !important;
}
.fancybox-inner {
    padding-left: 5px;
}
.onoffswitch-label,
.onoffswitch-switch {
    border: 2px solid var(--color-3);
}
.onoffswitch-innerno {
    color: var(--color-3);
}
.onoffswitch-inneryes {
    background-color: var(--color-1);
}
.onoffswitch-switch {
    background: var(--color-1);
} 
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, 
.onoffswitch-label.onoffswitch-active .onoffswitch-switch {
    background: white;
}
label, .label {
    font-size: 1rem;
}
.form-control,
.onoffswitch-innerno {
    background: white;
}





/* ***** FOOTER *****/

#footer {
    padding-top: 1.5rem;
}
#footer,
#footer .block_newsletter {
    background-color: var(--color-2);
}
.block_newsletter form input[type="email"]:focus {
    border-color: var(--color-3);
}
.footer-container {
    background-color: var(--color-3);
}
.footer-container .h3, 
.footer-container .h4,
#index .footer-container .h3, 
#index .footer-container .h4,
.block_newsletter #block-newsletter-label,
.blockcms-title, 
#block_myaccount_infos .myaccount-title, 
#block_myaccount_infos .myaccount-title a, 
.block-contact-title {
    font-family: Logirent, sans-serif;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.block_newsletter #block-newsletter-label {
    color: #fff;
}
.footer-container li {
    line-height: 1.1em;
}
.footer-container a,
.footer-container li a,
.block-contact,
.block_newsletter form .row .col-xs-12:last-of-type p {
    color: #fff;
    font-size: .95rem;
    font-weight: normal;
    line-height: 1.1em;
}
.block_newsletter form .row .col-xs-12:last-of-type p {
    font-size: .75rem;
}
.footer-container a:hover,
.footer-container li a:hover {
    color: var(--color-1);
}