/** BTN **
------------------------------------------------------------
------------------------------------------------------------*/
.btn {
    white-space: normal;

    display: inline-block;
    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;

    overflow: hidden;

    /* effet de fade sur le hover */
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.btn:focus, .btn.focus {
    box-shadow: none;
}

.btn-simple {

}

.btn-simple:hover {

}


/* primary */
.btn-primary {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 30px;
    color: #000000;
    background: #ffffff;
    border-radius: 30px;
    border: none;
}

.btn-primary:hover {
    color: #000000;
    background: #00E1FF;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #000000;
    background: #00E1FF;
    border: none;
    box-shadow: none;
}




/* btn transparent border foncée */
.btn-outline-dark,
.btn-outline-light {
    background: transparent;
    font-weight: 700;
    font-size: 20px;
    padding: 13px 45px;
    border-radius: 35px;
    letter-spacing: 0;
}

.btn-outline-dark {
    border: 2px solid #000000;
    color: #000000;
}

.btn-outline-dark:hover,
.btn-outline-dark.active,
.btn-outline-dark:active,
.btn-outline-dark:not([disabled]):not(.disabled).active,
.btn-outline-dark:not([disabled]):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    border: 2px solid #00E1FF;
    color: #000000;
    background: #00E1FF;
    box-shadow: none;
}


/* btn transparent border white */
.btn-outline-light {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.btn-outline-light:hover,
.btn-outline-light.active,
.btn-outline-light:active,
.btn-outline-light:not([disabled]):not(.disabled).active,
.btn-outline-light:not([disabled]):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    border: none;
    padding: 15px 47px;
    color: #ffffff;
    box-shadow: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
    background: #0042FF; /* Old browsers */
    background: -moz-linear-gradient(left, #0042FF 0%, #F54B6D 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0042FF 0%,#F54B6D 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0042FF 0%,#F54B6D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042FF', endColorstr='#F54B6D',GradientType=0 ); /* IE6-9 */
}

/* btn size */
.btn-sm {
    padding: 4px 10px;
}

.btn-lg {
    padding: 10px 30px 10px 30px;
}

.btn-full {
    width: 100%;
}


/* btn picto */
.btn-picto {
    color: #ffffff;
    background: #FF5C5C;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    text-transform: none;
    display: block;
    margin: 0 auto;
    padding-top: 12px;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.btn-picto:hover {
    color: #ffffff;
    background: #00E1FF;
}

/* btn realisation */
.btn-realisation {
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 9;
}

.btn-projet {
    position: absolute;
    bottom: -25px;
    z-index: 9;
}


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1260px) {
}