body {
    overflow-x: hidden;
}
.col-right {
    background: rgba(255, 255, 255, 0.95);

    padding: 20px !important;
    box-shadow: 0px 0px 20px 8px #8d444426;
}
/*h3.titre {
color: #0073b9;
font-size: 25px;
margin-bottom: 17px;
text-align: center;
font-weight: bold;
}*/
h4.titre {
    font-family: DINPro;
    text-align: center;
    color: #52504e;
    font-weight: bold;
}
#formul .form-group {
    padding: 5px;
}
.form-group {
    font-family: DINPro;
}
#formul {
    padding: 20px;
}
.page {
    /* background-image: url(../img/back.jpg); */
    background-image: url(../img/Slider-LP-generique-Afric.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-top: 10px solid #0b5593;
    margin-bottom: 100px;
    /* border-bottom: 10px solid #0b5593;
    box-shadow: 0px 0px 20px 8px #0b5593;*/
}
h5.date {
    font-size: 15px;
    text-align: center;
}
.perfect-datetimepicker table {
    background: none;
    color: #333;
}
.submit-form {
    margin: 40px -40px -56px -40px;
}
.submit-form button {
    font-family: Dinpro;
    width: 100%;
    font-size: 24px;
    color: #fff;
    background-color: #0b5593;
    border-color: #0b5593;
}
.submit-form button:hover {
    width: 100%;
    font-size: 24px;
    color: #fff;
    background-color: #0b5593;
    border-color: #0b5593;
}

.interesse {
    width: 100% !important;
}
.droit-accee {
    font-size: 11px;
    margin: 11px 0;
}
#formul .custom-select {
    width: auto;
}
#formul .custom-select,
#formul .form-control {
    background-color: transparent;
    color: #a2a2a2;
    text-align: left;

    font-size: 15px;
}
#accepte {
    color: #000;
    font-weight: bold;
    font-size: 11px;
}
.option {
    color: #000;
    font-weight: bold;
    font-size: 11px;
}

.cont {
    color: #76c7e5 !important;
}
.copyright {
    display: inline-block;
    vertical-align: top;
    padding: 13px;
    color: #76c7e5 !important;
}

.buttonpane {
    display: none;
}
.tt {
    border-top: 25px solid #eceef1 !important;
}
img {
    max-width: 100%;
}

.form-check-label {
    color: #6c757d;
}

/* upm */
.footer_all {
    background-color: #f0f0f0;
    margin-top: 60px;
}
p.adresse {
    color: #105495;
    font-size: 16px;
    font-family: DINPro;
    text-align: center;
}
@media (min-width: 720px) {
    img.foot {
        margin-left: 120px;
    }
}
@media (max-width: 720px) {
    img.foot {
        margin-left: 30px;
    }
    .page {
        background-image: unset !important;
    }
}
.tel {
    color: #105495;
    font-family: DINPro;
    text-align: center;
}
.footer-icons {
    list-style: none;
    padding-left: 25%;
}
.footer-icons li {
    float: left;
    margin-right: 6px;
}
.footer_first {
    padding: 32px 0;
}
.footer_second {
    width: 100%;
    float: left;
    background: #e9e9e9;
    height: 47px;
    padding: 7px;
}
.footer_second p {
    text-align: center;
    color: #063358;
    text-transform: uppercase;
    font-weight: 500;
}
.upform {
    box-shadow: 0px 0px 26px 0px #aaa;
    width: 380px;
    margin-right: -15px;
    margin-top: -20px;
    padding-top: 45px;
    padding-bottom: 20px;
}
.text span {
    font-family: DINPro;
    font-weight: bold;
}
.text {
    color: #929292;
    font-family: DINPro;
}
h6.mini_titre {
    color: #065695;
    font-weight: bold;
}
@media (max-width: 720px) {
    .navbar-brand {
        margin-left: 35px;
        margin-bottom: 30px;
    }
    .text {
        text-align: center !important;
        margin-right: 5px;
        margin-left: 5px;
    }
    h6.mini_titre {
        margin-left: 50px;
    }
}
::placeholder {
    /* Most modern browsers support this now. */
    color: #a2a2a2;
}
@font-face {
    font-family: 'DINPro';
    src: url('font/DINPro-Regular.eot');
    src: url('font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/DINPro-Regular.woff2') format('woff2'),
        url('font/DINPro-Regular.woff') format('woff'),
        url('font/DINPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src: url('font/DINPro-Bold.eot');
    src: url('font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/DINPro-Bold.woff2') format('woff2'),
        url('font/DINPro-Bold.woff') format('woff'),
        url('font/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.input-group-text.date {
    border-right: 1px solid transparent !important;
    margin-right: -2px !important;
    padding: 0.3rem 0.75rem !important;
    background-color: transparent !important;
}

.formation-su-slider {
    position: static;
    bottom: 0;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.formation-su-slider a {
    color: #929292;
}
.formation-su-slider ul li {
    display: inline-block;
    width: 11%;
    border-top: 5px solid #0f5287;
    margin-right: 2%;
    text-align: center;
    font-family: 'lato', sans-serif;
}
.poles_txt {
    text-transform: uppercase;
    font-weight: bold;
    color: #3b5b75;
    font-size: 23px !important;
}
.poles_txt span {
    color: #0b5593;
}
.poles_form {
    text-transform: uppercase;
    color: #9a9a9a;
}
.poles_ss {
    color: #868686;
}
hr {
    border-top: 6px solid #006699 !important;
    margin-right: 200px !important;
}
/*.formation-su-slider ul li:nth-child(2)
{
    border-top: 5px solid #d22245;
}*/
.formation-su-slider ul li:nth-child(2) {
    border-top: 5px solid #fac42f;
}
.formation-su-slider ul li:nth-child(3) {
    border-top: 5px solid #32b66e;
}
.formation-su-slider ul li:nth-child(4) {
    border-top: 5px solid #ed6938;
}
.formation-su-slider ul li:nth-child(5) {
    border-top: 5px solid #3a3c87;
    font-size: 15px;
}
.formation-su-slider ul li:nth-child(6) {
    border-top: 5px solid #4abac4;
}
.formation-su-slider ul li:nth-child(7) {
    border-top: 5px solid #085496;
}

.formation-su-slider a:hover {
    color: #085496;
    text-decoration: none;
}

@media (max-width: 720px) {
    .formation-su-slider ul {
        text-align: center !important;
    }

    .formation-su-slider ul li {
        width: 47% !important;
        margin-top: 30px;
    }
    .upform {
        width: 100%;
    }
}
/**************slider poles ************/
@media (min-width: 720px) {
    .carousel-item {
        margin-right: unset !important;
    }
    .img_left {
        display: block !important;
    }
    .carousel {
        margin-right: -50% !important;
    }
}
@media (max-width: 576px) {
    .curve {
        margin-left: -15px;
        border-bottom-left-radius: 55% !important;
    }
    .ml-auto,
    .mx-auto {
        margin-left: -25px !important;
    }
}
@media (max-width: 1500px) {
    .col-right.col-md-4 {
        margin-bottom: 2% !important;
    }
}
/*@media(max-width: 576px){
     .carousel-inner .active + .carousel-item {
        display: block;
    }
}*/
.carousel-control-prev-icon {
    background-image: url(../img/left.png) !important;
    box-shadow: -6px 0px 4px 0px #ccc !important;
    border-radius: 50% !important;
}
.carousel-control-prev {
    left: -65px !important;
    top: -100px !important;
}
.mr-auto,
.mx-auto {
    margin-right: -15px !important;
}
.poles_decrip {
    font-size: 12px;
    color: #a2a2a2;
}
.poles_title {
    color: #115996;
    font-weight: 550;
}
.poles_img {
    border-radius: 5%;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px !important;
    height: 40px !important;
}
.img_left {
    position: absolute;
    margin-top: -300px;
}
.curve {
    border-bottom-left-radius: 85%;
    border-bottom-right-radius: 85%;
    height: 59px;
    width: 122%;
    margin-bottom: -83px;
    background-color: #fff;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner
        .active.col-md-4.carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner
        .active.col-sm-6.carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item
        + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner
        .active.col-lg-3.carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}