#intro {
            background-image: url("{{ asset('bundles/template/images/ariegeparapente-contact-fond.png') }}");
            min-height: 60% !important;
            background-position: bottom;
        }

        #prestations-block{
            margin-bottom: 40px;
        }
        .errorLabel {
            color: red;
            font-weight: bold;
        }
        .form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: bold;
            line-height: 1.5;
            background-color: #fff;
            background-clip: padding-box;
            border: 2px solid var(--ap-main);
            border-radius: 0.25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        .ui-datepicker{
            color: #000;
            border: 1px solid #ced4da;
            background-color: #ffff;
        }
        .ui-datepicker .ui-datepicker-header {
            position: relative;
            padding: .2em 0;
            color: #ffff;
            background-color: var(--ap-second);
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
            border: none;
            background: var(--ap-second);
            color: #fff;
        }
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
            font-weight: normal;
            color: #000;
        }
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
            border: none;
            background: var(--ap-second);
            font-weight: normal;
            color: #fff;
        }
        .ui-icon,.ui-icon-circle-triangle-w {
            padding: 5px;
        }
        a {
            color: #fff;
            text-decoration: none;
            background-color: transparent;
        }
        a:hover {
            color: #fff;
            text-decoration: none;
            background-color: transparent;
        }
        .slogan h1 {
            color: #fff !important;
            text-shadow: 1px 1px 1px #000;
            font-weight: bold;
        }

        .btn-info {
            background-color: var(--ap-main);
            border: none;
            color: white;
            border-radius: 7px;
            padding: 13px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 15px 2px;
            cursor: pointer;
        }

        .contact-bloc
        {
            text-align: center;
            color: var(--ap-main);
        }

        .line7
        {
            width: 220px;
            height: 5px;
            border-bottom: 2px solid var(--ap-main);
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            margin-bottom: 30px;
            text-align: center;
        }

        .infos-pratique {
            background-color: #000000;
            width: 100%;
            height: 450px;
            background-image: url(/bundles/template/images/ariegeparapente-infos-pratique.jpg);
            background-position: top;
            background-size: cover;
            color: #ffffff;
            padding: 1em;
            text-align: center;
            margin-bottom: 20px;

        }
        .line8
        {
            width: 220px;
            height: 10px;
            border-bottom: 3px solid var(--ap-main);
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            margin-bottom: 30px;
            text-align: center;
        }
        .contact-bloc-police 
        {
            color: var(--ap-main);
            font-weight: bold;
            font-size: 20px;
            margin: 10px;
        }
        #title-infos
        {
            font-size: 40px;
            color: var(--ap-main);
        }
        #text-infos
        {
            font-size: 20px;
            font-weight: bold;
            margin: 20px;
            color: var(--ap-main);
        }
        
        .formulaire
        {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .partenaire-color{
            color: var(--ap-main);
        }

        .next-partenaire {
            right: -45px;
            height: 53px;
            width: 50px;
            display: flex;
            position: absolute;
            top: 20%;
            transform: rotate( 270deg);
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: center;
        }
        
        .prev-partenaire {
            left: -45px;
            height: 53px;
            width: 50px;
            display: flex;
            position: absolute;
            top: 20%;
            transform: rotate( 90deg);
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: center;
        }
        /*
            MEDIA QUERIES
        */


        @media (max-width: 767px) { 
            #coordonnees {
                order: 2;
            }
        }