/** BACKGROUND **
------------------------------------------------------------
------------------------------------------------------------*/
.bg--white {
    background: #ffffff;
}

.bg--dark,
.type-header.bg--transparent.scrolled {
    background: #000000;
}


.bg--turquoise {
    background: #00E1FF;
}
.bg--blue {
    background: #0042FF;
}

.bg--transparent {
    background: transparent;
}

.bg--degrade,
.realisation:hover .realisation-image {

    /* 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(top, #0042FF 0%, #00E1FF 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0042FF 0%,#00E1FF 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0042FF 0%,#00E1FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042FF', endColorstr='#00E1FF',GradientType=0 ); /* IE6-9 */
}

.bg--degrade-oblique,
.news:hover {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: rgb(0,225,255); /* Old browsers */
    background: -moz-linear-gradient(142deg, rgba(0,225,255,0.7) 0%, rgba(249,198,183,0.7) 70%, rgba(249,198,183,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(142deg, rgba(0,225,255,0.7) 0%,rgba(249,198,183,0.7) 70%,rgba(249,198,183,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(142deg, rgba(0,225,255,0.7) 0%,rgba(249,198,183,0.7) 70%,rgba(249,198,183,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1ff', endColorstr='#f9c6b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.bg--degrade-turquoise-pink-right {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: rgb(0,225,255); /* Old browsers */
    background: -moz-linear-gradient(106deg, rgba(0,225,255,1) 0%, rgba(249,198,183,1) 90%, rgba(249,198,183,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(106deg, rgba(0,225,255,1) 0%,rgba(249,198,183,1) 90%,rgba(249,198,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(106deg, rgba(0,225,255,1) 0%,rgba(249,198,183,1) 90%,rgba(249,198,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1ff', endColorstr='#f9c6b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg--degrade-blue-red {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: #0042FF; /* Old browsers */
    background: -moz-linear-gradient(106deg, #0042FF 0%, #F54B6D 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(106deg, #0042FF 0%, #F54B6D 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(106deg, #0042FF 0%, #F54B6D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042FF', endColorstr='#F54B6D',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg--degrade-blue-turquoise {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: #0042FF; /* Old browsers */
    background: -moz-linear-gradient(106deg, #0042FF 0%, #00E1FF 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(106deg, #0042FF 0%, #00E1FF 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(106deg, #0042FF 0%, #00E1FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042FF', endColorstr='#00E1FF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg--degrade-turquoise-pink {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: #00E1FF; /* Old browsers */
    background: -moz-linear-gradient(106deg, #00E1FF 0%, #F9C6B7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(106deg, #00E1FF 0%, #F9C6B7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(106deg, #00E1FF 0%, #F9C6B7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E1FF', endColorstr='#F9C6B7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg--degrade-blue-pink {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e1ff+0,f9c6b7+51,f9c6b7+100 */
    background: #0042FF; /* Old browsers */
    background: -moz-linear-gradient(106deg, #0042FF 0%, #F9C6B7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(106deg, #0042FF 0%, #F9C6B7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(106deg, #0042FF 0%, #F9C6B7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0042FF', endColorstr='#F9C6B7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg--banner {
    position: relative;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    /*height:75%;*/
    height: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    overflow: hidden;

}

@media (min-width: 768px) {
    .bg--banner {
        background-attachment: scroll;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height:100%;
    }
}

.bg--contact-bottom {
    background-image: url('../images/bg-contact-bottom.png');
    background-size: cover;
    background-position: 0 0;
}
.bg--fullheight {
    height: 100%;
}
.bg--shadow,
.realisation:hover
.news:hover img {
    -moz-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    -webkit-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    -o-box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
    box-shadow: 0 0 35px 1px rgba(51, 49, 50, 0.2);
}

.bg--half {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,000000+50,000000+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.bg--chiffrescle {
    background:url('../images/bg-cc-agence-mobile.jpg') no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

@media (min-width: 768px) {
    .bg--chiffrescle {
        background:url('../images/bg-cc-agence.jpg');
        background-size: cover;
        background-attachment: fixed;
    }
}
.bg--reseausociaux {
    background: #000000;
    border: 2px solid #ffffff;
    border-radius: 50%;
}
a:hover .bg--reseausociaux {
    background: #00E1FF;
    border: 2px solid #00E1FF;
    border-radius: 50%;
}
.bg--padding {
    padding: 20px 40px;
}
.sep--gray-dark {
    border-top: 1px solid #CFCFCF;
}

.bg-border {
    border-top: 1px solid #efeded;
    border-bottom: 1px solid #efeded;
}

.border-top {
    border-top: 2px solid #efeded !important;;
}

.border-top--gray {
    border-top: 1px solid #e2dcdc !important;;
}

.border-bottom {
    border-bottom: 1px solid #efeded !important;;
}



.p-7 {
    padding: 2rem!important;
}
.pt-7 {
    padding-top: 2rem!important;
}
.pb-7 {
    padding-bottom: 2rem!important;
}
.pr-7 {
    padding-right: 2rem!important;
}
.pl-7 {
    padding-left: 2rem!important;
}
.py-7 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}
.px-7 {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}


@media (min-width: 768px) {
    .p-7 {
        padding: 3rem!important;
    }
    .pt-7 {
        padding-top: 3rem!important;
    }
    .pb-7 {
        padding-bottom: 3rem!important;
    }
    .pr-7 {
        padding-right: 3rem!important;
    }
    .pl-7 {
        padding-left: 3rem!important;
    }
    .py-7 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    .px-7 {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }
}

@media (min-width: 1024px) {
    .p-7 {
        padding: 5rem!important;
    }
    .pt-7 {
        padding-top: 5rem!important;
    }
    .pb-7 {
        padding-bottom: 5rem!important;
    }
    .pr-7 {
        padding-right: 5rem!important;
    }
    .pl-7 {
        padding-left: 5rem!important;
    }
    .py-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important;
    }
    .px-7 {
        padding-left: 5rem!important;
        padding-right: 5rem!important;
    }
}

@media (min-width: 1400px) {

    .p-7 {
        padding: 7rem!important;
    }
    .pt-7 {
        padding-top: 7rem!important;
    }
    .pb-7 {
        padding-bottom: 7rem!important;
    }
    .pr-7 {
        padding-right: 7rem!important;
    }
    .pl-7 {
        padding-left: 7rem!important;
    }
    .py-7 {
        padding-top: 7rem!important;
        padding-bottom: 7rem!important;
    }
    .px-7 {
        padding-left: 7rem!important;
        padding-right: 7rem!important;
    }
}






.m-8 {
    margin: 8rem!important;
}
.mt-8 {
    margin-top: 8rem!important;
}
.mt--8 {
    margin-top: -8rem!important;
}
.mb-8 {
    margin-bottom: 8rem!important;
}
.mr-8 {
    margin-right: 8rem!important;
}
.ml-8 {
    margin-left: 8rem!important;
}
.my-8 {
    margin-top: 8rem!important;
    margin-bottom: 8rem!important;
}
.mx-8 {
    margin-left: 8rem!important;
    margin-right: 8rem!important;
}

.home .mt-8,
.home .mt--8 {
    margin-top: 0 !important;

}
.p-contact {
    padding-top: 7rem;
}

@media (min-width: 575px) {
    .home .mt-8 {
        margin-top: 8rem!important;
    }
    .home .mt--8 {
        margin-top: -8rem!important;
    }
    .p-contact {
        padding-top: 18rem;
    }
}

@media (min-width: 768px) {
    .bg--padding {
        padding: 40px 80px;
    }
    .p-contact {
        padding-top: 18rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 1200px) {
    .p-8 {
        padding: 8rem!important;
    }
    .pt-8 {
        padding-top: 8rem!important;
    }
    .pb-8 {
        padding-bottom: 8rem!important;
    }
    .pr-8 {
        padding-right: 8rem!important;
    }
    .pl-8 {
        padding-left: 8rem!important;
    }
    .py-8 {
        padding-top: 8rem!important;
        padding-bottom: 8rem!important;
    }
    .px-8 {
        padding-left: 8rem!important;
        padding-right: 8rem!important;
    }
}