/* input(123,20): run-time error CSS1035: Expected colon, found '{'
input(160,20): run-time error CSS1035: Expected colon, found '{'
input(182,24): run-time error CSS1035: Expected colon, found '{'
input(237,24): run-time error CSS1035: Expected colon, found '{'
input(282,24): run-time error CSS1035: Expected colon, found '{' */
.apf-extension-hidden {
  opacity: 0 !important;
  pointer-events: none;
}

.apf-extension-loader-container {
  position: relative;
}

.ui-datepicker-unavailable {
  opacity: 0.5;
}

input[readonly].apf-date {
  background: #fefefe;
  cursor: pointer;
}

.loader {
  position: absolute;
  bottom: 15px;
  left: 0;
  
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#f18e23 90%,#0000);
  background:
          var(--_g) 0%   50%,
          var(--_g) 50%  50%,
          var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: LA 1s infinite linear;
}

@keyframes LA {
  20%{background-position:0%   0%, 50%  50%,100%  50%}
  40%{background-position:0% 100%, 50%   0%,100%  50%}
  60%{background-position:0%  50%, 50% 100%,100%   0%}
  80%{background-position:0%  50%, 50%  50%,100% 100%}
}

.apf-invalid {
  border-color: #ec5840;
}

.apf-extension-error-messages {
  color: #ec5840;
  
  position: relative;
  top: -17px;
  margin-bottom: -25px;
}



.icon 
{
	display: block;
	height: 100px;
	margin: 0 auto 20px auto;
}

@media screen and (max-width: 39.9375em) 
{
	.contact-icon-container
	{
		margin-bottom: 35px;
	}

	.icon 
	{
		height: 75px;
	}
}

.contact-conversion-text 
{
	font-size: 18px;
}

h3
{
    font-size: 22px;
}
@media screen and (min-width: 64em)
{
    h3
	{	
        font-size: 24px;
    }
}

#identity-banner
{
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
}

.employee-picture
{
	margin-bottom: 20px;

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 64em)
{
    .employee-picture
	{
	    margin-bottom: 30px;
    }
}

.imagine-certificat
{
    display: block;

    margin-bottom: 0.5em;
    width: 100%;
}

/*---------------------*/

.timeline {
    .timeline-item {
        display: flex;
        flex-direction: column-reverse;
        
        .timeline-entry {
            display: flex;
            flex-direction: row;

            .label {
                display: block;
            }
            
            .content a {
                text-decoration: underline;
            }
        }

        .timeline-entry::before {
            content: "▶";
            display: block;

            width: 20px;
            height: 20px;
            border-radius: 50%;
            
            padding: 1px 0px 0px 2px;
            font-size: 12px;
            text-align: center;
            color: white;
            
            background-color: #1d369a;
            position: relative;
        }
    }
}

.timeline {
    .timeline-item {
        .timeline-entry {
            border-left: 3px solid #1d369a;
            margin-left: 9px;
        }

        .timeline-entry::before {
            left: -11px;
        }
    }
}

.timeline-label * {
    margin: 0;
}

@media screen and (max-width: 39.9375em) {
    .timeline {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        
        .timeline-item {
            position: relative;

            .timeline-entry {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                
                margin-left: 12px;
                
                .content {
                    padding-left: 0.5rem;
                }
            }
            
            .timeline-entry::before {
                position: absolute;
                left: 0;
                top: 0;

                padding: 1px 0px 0px 2px;
                transform: rotate(90deg);
                font-size: 15px;

                width: 26px;
                height: 26px;
            }

            .timeline-label {
                position: absolute;
                top: 0;
                left: 11px;
                right: 0;
            }

            .timeline-entry,
            .timeline-label {
                padding-left: 1.5rem;
            }
        }
    }
}

@media screen and (min-width: 40em)
{
    .timeline:last-child {
        margin-bottom: 0;
    }
    
    .timeline {
        margin-bottom: 3rem;
        display: flex;
        flex-direction: row;
        
        width: 100%;

        .timeline-item {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            
            min-width: 25%;
            
            .timeline-entry {
                flex-grow: 1;
                flex-direction: column-reverse;
                align-items: center;
                
                width: 100%;
                
                border-bottom: 3px solid #1d369a;
                padding: 20px;
                padding-bottom: 0;
                padding-top: 0;
                
                margin-bottom: 9px;
                
                .content {
                    text-align: center;
                    
                    p {
                        margin-bottom: 0.5rem;
                    }
                }
    
                .label {
                    display: block;
                }
            }
    
            .timeline-entry::before {    
                bottom: -11px;
            }
        }
    }
}

@media screen and (min-width: 40em)
{
    .timeline {
        .timeline-item {
            .timeline-entry {
                border-left: 0;
                margin-left: 0;
            }
    
            .timeline-entry::before {
                left: 0;
            }
        }
    }
}