/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */


/* =============================================================
GOOGLE FONT
============================================================ */

@import url(https://fonts.googleapis.com/css?family=Ubuntu); /* FREE GOOGLE FONT */
@import url(https://fonts.googleapis.com/css?family=Oswald); /* FREE GOOGLE FONT */
/* @import url(https://fonts.googleapis.com/css?family=Lato); */


/* =============================================================
GENERAL STYLES
============================================================ */
body {
    /* font-family: 'Lato', 'Ubuntu', sans-serif; */
    font-family: 'Ubuntu', sans-serif;
    color: black;
    /*Background-Color: #D2D4D3;*/
}

.textjustify {
    text-align: justify;
}

.navbar-nav {
    margin: 0;
}

.fontdefault {
    font-family: 'Ubuntu', sans-serif;
}

section {
    padding-top: 80px;
    padding-bottom: 40px;
}

.text-left {
    text-align-last: left;
}

.pad-bottom {
    padding-bottom: 60px;
}

@media (max-width: 767px) {
    .pad-bottom {
        padding-bottom: 0;
    }
    .pad-bottom-mini {
        padding-bottom: 40px;
    }
    .ulpaddingleftmini {
        padding-left: 20px;
    }
    .logoheader {
        height: auto !important;
        width: 50%;
    }
}

.logoheader {
    height: 85px;
    border-radius: 5px;
    margin: 40px 0;
}

.encadrepaiementlibre {
    border: 1px solid rgb(241, 114, 131);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media (max-width: 767px) {
    .encadrepaiementlibre {
        margin: 10px;
    }
}

.encadrehead {
    border: 1px solid rgb(241, 114, 131);
    background-color: white;
    margin: 10px;
    padding: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #D2D4D3;
}

.header {
    font-family: 'Oswald', sans-serif;
    padding-bottom: 40px;
    text-transform: uppercase;
}

.header hr {
    width: 50px;
    border-top: 2px solid rgb(241, 114, 131);
}

.header hr.coul-orange {
    width: 50px;
    border-top: 2px solid rgb(255, 170, 87);
}

.header hr.coul-bleu {
    width: 50px;
    border-top: 2px solid rgb(166, 153, 220);
}

.header hr.coul-vert {
    width: 50px;
    border-top: 2px solid rgb(182, 188, 17);
}

.header hr.coul-blanc {
    width: 50px;
    border-top: 2px solid white;
}

.header hr.coul-rouge {
    width: 50px;
    border-top: 2px solid #d8e250;
}

.header hr.coul-black {
    width: 50px;
    border-top: 2px solid black;
}

#vide {
    margin-bottom: 10%;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}

.navbar-header {
    position: absolute;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 5px;
}

@media (min-width: 768px) {
    .navbar-nav {
        height: 80px;
    }
    /* .navbar-right {
        margin-left: 260px;
    } */
}

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-inverse .navbar-nav > li > a {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        right: 0;
        position: fixed;
    }

    .navbar-inverse .navbar-nav > li > a {
        margin: 10px 20px 10px 20px !important;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        padding-top: 90px;
        padding-bottom: 20px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: rgb(8, 122, 146);
    }
    blockquote {
        margin: 20px 0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li.navvousetes > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li.navprix > a {
        color: white;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .navvousetes > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .navprix > a {
        left: 105px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active.navvousetes > a {
        color: rgb(182, 188, 17);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active.navprix > a {
        color: rgb(166, 153, 220);
    }
}

h3 {
    color: rgb(241, 114, 131);
}

.alignvertical {
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
}

.espaceencadre {
    margin: 0 10px 25px 10px;
}

/* =============================================================
PAGES PAIEMENT
============================================================ */

#paiementid {
    position: absolute;
    width: 100%;
    margin-top: 10%;
    text-align: center;
}

@media (max-width: 767px) {
    #paiementid {
        margin-top: 25%;
    }
    #paiementid img {
        margin-top: 20px;
    }
}

.paiement {
    margin: auto;
    height: 100%;
    background-color: white;
    border-radius: 5px;
    font-size: x-large;
}

.paiementok {
    color: #157709;
    border: 1px solid #157709;
}

.paiementko {
    color: red;
    border: 1px solid red;
}

/* =============================================================
BULLES DISCUSSION
============================================================ */
/* blockquote p {
    margin: 0;
    font-size: 2em;
} */

/* .bulleidee {
    position: relative;
    width: 270px;
    padding: 50px 40px;
    margin: 1em auto 80px;
    text-align: center;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
} */

/* .bulleideebordure {
    position: relative;
    padding: 70px 30px;
    margin: 1em auto 80px;
    border: 10px solid #c81e2b;
    text-align: center;
    color: #333;
    background: #fff;
    -webkit-border-top-left-radius: 240px 140px;
    -webkit-border-top-right-radius: 240px 140px;
    -webkit-border-bottom-right-radius: 240px 140px;
    -webkit-border-bottom-left-radius: 240px 140px;
    -moz-border-radius: 240px / 140px;
    border-radius: 240px / 140px;
} */

.bullespeech {
    position: relative;
    border-left: 0;
    text-align: center;
    color: #fff;
    background: #b6bc11;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#b6bc11));
    background: -moz-linear-gradient(#b8db29, #b6bc11);
    background: -o-linear-gradient(#b8db29, #b6bc11);
    background: linear-gradient(#b8db29, #b6bc11);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.bullespeech:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -30px;
    right: 50%;
    height: 30px;
    border-right: 60px solid #b6bc11;
    background: #b6bc11;
    -webkit-border-bottom-right-radius: 80px 50px;
    -moz-border-radius-bottomright: 80px 50px;
    border-bottom-right-radius: 80px 50px;
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.bullespeech:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -30px;
    right: 50%;
    width: 60px;
    height: 30px;
    background: #ffffff;
    -webkit-border-bottom-right-radius: 40px 50px;
    -moz-border-radius-bottomright: 40px 50px;
    border-bottom-right-radius: 40px 50px;
    -webkit-transform: translate(-30px, -2px);
    -moz-transform: translate(-30px, -2px);
    -ms-transform: translate(-30px, -2px);
    -o-transform: translate(-30px, -2px);
    transform: translate(-30px, -2px);
}

.bullespeech-bleu {
    background: #087a92;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#30a3bb), to(#087a92));
    background: -moz-linear-gradient(#30a3bb, #087a92);
    background: -o-linear-gradient(#30a3bb, #087a92);
    background: linear-gradient(#30a3bb, #087a92);
}

.bullespeech-bleu:before {
    border-right: 60px solid #087a92;
    background: #087a92;
    height: 29px;
}

.bullespeech-rose {
    background: #f17283;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d6a1a8), to(#f17283));
    background: -moz-linear-gradient(#d6a1a8, #f17283);
    background: -o-linear-gradient(#d6a1a8, #f17283);
    background: linear-gradient(#d6a1a8, #f17283);
}

.bullespeech-rose:before {
    border-right: 60px solid #f17283;
    background: #f17283;
    height: 29px;
}

.bullespeech-orange {
    background: #ffaa57;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e6b789), to(#ffaa57));
    background: -moz-linear-gradient(#e6b789, #ffaa57);
    background: -o-linear-gradient(#e6b789, #ffaa57);
    background: linear-gradient(#e6b789, #ffaa57);
}

.bullespeech-orange:before {
    border-right: 60px solid #ffaa57;
    background: #ffaa57;
    height: 29px;
}

/* .bullespeechbordure {
    position: relative;
    border: 10px solid #f3961c;
    text-align: center;
    color: #333;
    background: #fff;
    -webkit-border-top-left-radius: 240px 140px;
    -webkit-border-top-right-radius: 240px 140px;
    -webkit-border-bottom-right-radius: 240px 140px;
    -webkit-border-bottom-left-radius: 240px 140px;
    -moz-border-radius: 240px / 140px;
    border-radius: 240px / 140px;
}

.bullespeechbordure:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -40px;
    right: 50%;
    width: 50px;
    height: 30px;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: #f3961c;
    margin-right: -10px;
    background: white;
    -webkit-border-bottom-right-radius: 80px 50px;
    -moz-border-radius-bottomright: 80px 50px;
    border-bottom-right-radius: 80px 50px;
    display: block;
}

.bullespeechbordure:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -40px;
    right: 50%;
    width: 22px;
    height: 42px;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: #f3961c;
    margin-right: 20px;
    background: transparent;
    -webkit-border-bottom-right-radius: 40px 50px;
    -moz-border-radius-bottomright: 40px 50px;
    border-bottom-right-radius: 40px 50px;
    display: block;
}

.bullespeechbordure > :first-child:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -40px;
    right: 50%;
    width: 10px;
    height: 10px;
    margin-right: 35px;
    background: #f3961c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bullespeechbordure > :first-child:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -10px;
    right: 50%;
    width: 30px;
    height: 15px;
    background: #fff;
} */

/* =============================================================
BARRES
============================================================ */

.doublebarre {
    position: relative;
    z-index: -1;
}

.doublebarreright {
    margin-top: 40px;
    margin-bottom: -40px;
    margin-left: auto;
}

.doublebarre1 {
    top: 140px;
    width: 350px;
}
.doublebarre2 {
    top: 240px;
    width: 200px;
}

.doublebarre-quisuisje1 {
    /* top: 1100px; */
    width: 350px;
}
.doublebarre-quisuisje2 {
    /* top: 1200px; */
    width: 350px;
}

.doublebarre-mesmissions1 {
    /* top: 1100px; */
    width: 250px;
}
.doublebarre-mesmissions2 {
    /* top: 1200px; */
    width: 250px;
}

.doublebarre-referentiel1 {
    /* top: 1100px; */
    width: 300px;
}
.doublebarre-referentiel2 {
    /* top: 1200px; */
    width: 350px;
}

.doublebarre-deontologie1 {
    /* top: 1100px; */
    width: 250px;
}
.doublebarre-deontologie2 {
    /* top: 1200px; */
    width: 250px;
}

.doublebarre-part1 {
    /* top: 2100px; */
    width: 350px;
}
.doublebarre-part2 {
    /* top: 2200px; */
    width: 150px;
}

.doublebarre-pro1 {
    /* top: 3100px; */
    width: 150px;
}
.doublebarre-pro2 {
    /* top: 3200px; */
    width: 350px;
}

.doublebarre-prixpart1 {
    /* top: 4500px; */
    width: 200px;
}
.doublebarre-prixpart2 {
    /* top: 4400px; */
    width: 350px;
}

.doublebarre-prixpro1 {
    /* top: 5500px; */
    width: 100px;
}
.doublebarre-prixpro2 {
    /* top: 5400px; */
    width: 350px;
}

.doublebarre-contact1 {
    /* top: 6100px; */
    width: 350px;
}
.doublebarre-contact2 {
    /* top: 6200px; */
    width: 150px;
}
/* @media (max-width: 767px) {
    .doublebarre {
        position: relative;
    }

    .doublebarre2 {
        margin-left: auto;
    }

    .doublebarre-mesmissions1 {
        top: 0;
    }
    .doublebarre-mesmissions2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }

    .doublebarre-part1 {
        top: 0;
    }
    .doublebarre-part2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }

    .doublebarre-pro1 {
        top: 0;
    }
    .doublebarre-pro2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }
    
    .doublebarre-prixpart1 {
        top: 0;
    }
    .doublebarre-prixpart2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }
    
    .doublebarre-prixpro1 {
        top: 0;
    }
    .doublebarre-prixpro2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }
    
    .doublebarre-contact1 {
        top: 0;
    }
    .doublebarre-contact2 {
        top: 0;
        margin-top: 40px;
        margin-bottom: -40px;
        margin-left: auto;
    }
} */

.raccourciadroite {
    margin-right: 40px;
}
.raccourciagauche {
    margin-left: 40px;
}

.barre {
    height: 7px;
}

.barreleft {
    border-radius: 0 25px 25px 0;
}

.barreright {
    border-radius: 25px 0 0 25px;
}

.espacebarre {
    margin-bottom: 3px;
}

/* =============================================================
COULEURS
============================================================ */
.coul-rose {
    color: #f17283;
}
.backblanc {
    background-color: white;
}
.backrose {
    background-color: #f17283;
}
.borderrose {
    border: solid 1px #f17283;
}

.backgris {
    background-color: #e5e5e5;
}
.coul-blanc {
    color: white;
}
.coul-orange {
    color: #ffaa57;
}
.backorange {
    background-color: #ffaa57;
}

.coul-bleu {
    color: rgb(166, 153, 220);
}
.backbleu {
    background-color: rgb(166, 153, 220);
}

.coul-vert {
    color: #b6bc11;
}
.backvert {
    background-color: #b6bc11;
}

.coul-rouge {
    color: #f6ff7f;
}

.coul-black {
    color: black;
}

/* =============================================================
CUSTOM BUTTON STYLES
============================================================ */
.button-custom {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 25px 5px 5px 0px;
    margin: 5px;
}

.btn-custom-one {
    background-color: transparent;
    color: black;
    border: 2px solid rgb(241, 114, 131);
    border-radius: 20px;
}

.btn-custom-one:hover {
    background-color: rgb(241, 114, 131);
    text-decoration: none;
    color: black;
}

.btn-custom-two {
    color: black;
    background-color: rgb(241, 114, 131);
    border: 2px solid rgb(241, 114, 131);
    border-radius: 20px;
}

.btn-custom-two:hover {
    border: 2px solid rgb(241, 114, 131);
    text-decoration: none;
    color: black;
    background-color: transparent;
}


/* =============================================================
MENU SECTION STYLES
============================================================ */
@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .nav > li > a {
        display: inline;
    }
    .navbar-nav > li {
        margin: 5px;
    }
}

.navbar-inverse {
    background-color: rgb(8, 122, 146);
    border-color: transparent;
}

.navbar-inverse .navbar-nav > .navaccueil.active > a, .navbar-inverse .navbar-nav > .navaccueil.active > a:hover, .navbar-inverse .navbar-nav > .navaccueil.active > a:focus {
    background-color: transparent;
    color: rgb(241, 114, 131);
    border-bottom: 1px solid rgb(241, 114, 131);
}

.navbar-inverse .navbar-nav > .navaccueil.open > a, .navbar-inverse .navbar-nav > .navaccueil.open > a:hover, .navbar-inverse .navbar-nav > .navaccueil.open > a:focus {
    color: rgb(241, 114, 131);
    background-color: transparent;
}
.dropdown-menu > .navaccueil.active > a, .dropdown-menu > .navaccueil.active > a:hover, .dropdown-menu > .navaccueil.active > a:focus {
    background-color: rgb(241, 114, 131);
}

.navbar-inverse .navbar-nav > .navquisuisje.active > a, .navbar-inverse .navbar-nav > .navquisuisje.active > a:hover, .navbar-inverse .navbar-nav > .navquisuisje.active > a:focus {
    background-color: transparent;
    color: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.navbar-inverse .navbar-nav > .navquisuisje.open > a, .navbar-inverse .navbar-nav > .navquisuisje.open > a:hover, .navbar-inverse .navbar-nav > .navquisuisje.open > a:focus {
    color: #e5e5e5;
    background-color: transparent;
}
.dropdown-menu > .navquisuisje.active > a, .dropdown-menu > .navquisuisje.active > a:hover, .dropdown-menu > .navquisuisje.active > a:focus {
    background-color: #e5e5e5;
}

.navbar-inverse .navbar-nav > .navmission.active > a, .navbar-inverse .navbar-nav > .navmission.active > a:hover, .navbar-inverse .navbar-nav > .navmission.active > a:focus {
    background-color: transparent;
    color: rgb(255, 170, 87);
    border-bottom: 1px solid rgb(255, 170, 87);
}

.navbar-inverse .navbar-nav > .navmission.open > a, .navbar-inverse .navbar-nav > .navmission.open > a:hover, .navbar-inverse .navbar-nav > .navmission.open > a:focus {
    color: rgb(255, 170, 87);
    background-color: transparent;
}
.dropdown-menu > .navmission.active > a, .dropdown-menu > .navmission.active > a:hover, .dropdown-menu > .navmission.active > a:focus {
    background-color: rgb(255, 170, 87);
}

.navbar-inverse .navbar-nav > .navprix.active > a, .navbar-inverse .navbar-nav > .navprix.active > a:hover, .navbar-inverse .navbar-nav > .navprix.active > a:focus {
    background-color: transparent;
    color: rgb(166, 153, 220);
    border-bottom: 1px solid rgb(166, 153, 220);
}

.navbar-inverse .navbar-nav > .navprix.open > a, .navbar-inverse .navbar-nav > .navprix.open > a:hover, .navbar-inverse .navbar-nav > .navprix.open > a:focus {
    color: rgb(166, 153, 220);
    background-color: transparent;
}
.dropdown-menu > .navprix.active > a, .dropdown-menu > .navprix.active > a:hover, .dropdown-menu > .navprix.active > a:focus {
    background-color: rgb(166, 153, 220);
}

.navbar-inverse .navbar-nav > .navvousetes.active > a, .navbar-inverse .navbar-nav > .navvousetes.active > a:hover, .navbar-inverse .navbar-nav > .navvousetes.active > a:focus {
    background-color: transparent;
    color: rgb(182, 188, 17);
    border-bottom: 1px solid rgb(182, 188, 17);
}

.navbar-inverse .navbar-nav > .navvousetes.open > a, .navbar-inverse .navbar-nav > .navvousetes.open > a:hover, .navbar-inverse .navbar-nav > .navvousetes.open > a:focus {
    color: rgb(182, 188, 17);
    background-color: transparent;
}
.dropdown-menu > .navvousetes.active > a, .dropdown-menu > .navvousetes.active > a:hover, .dropdown-menu > .navvousetes.active > a:focus {
    background-color: rgb(182, 188, 17);
}

.navbar-inverse .navbar-nav > .navcontact.active > a, .navbar-inverse .navbar-nav > .navcontact.active > a:hover, .navbar-inverse .navbar-nav > .navcontact.active > a:focus {
    background-color: transparent;
    color: black;
    border-bottom: 1px solid black;
}

.navbar-inverse .navbar-nav > .navcontact.open > a, .navbar-inverse .navbar-nav > .navcontact.open > a:hover, .navbar-inverse .navbar-nav > .navcontact.open > a:focus {
    color: black;
    background-color: transparent;
}
.dropdown-menu > .navcontact.active > a, .dropdown-menu > .navcontact.active > a:hover, .dropdown-menu > .navcontact.active > a:focus {
    background-color: black;
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 12px;
    font-weight: 800;
    padding: 5px 0;
    letter-spacing: 2px;
    /* margin: 10px 20px 10px 20px; */
    margin: 5px 10px;
    color: #FFF;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: rgb(241, 114, 131);
}
.navbar-inverse .navbar-toggle {
border-color: rgb(241, 114, 131);
}


/* =============================================================
HOME SECTION STYLES
============================================================ */

#home {
text-align: center;
padding-top: 120px;
padding-bottom: 60px;
}

#home .social {
display: block;
margin: 0 0 10px 0;
}

.encadrequisuisje {
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
    background-color: #eca2ac;
}

.photorachel {
    width: auto;
    max-height: 200px;
}

/*Carousel Slider*/

#carousel-slider {
padding: 0 0 10px 0;
}

#carousel-slider img {
    height: 200px;
    width: 100%;
}

#carousel-slider h3 {
line-height: 50px;
font-family: 'Oswald', sans-serif;
}

#carousel-slider p {
/* color: rgb(241, 114, 131); */
color: black;
font-size: 16px;
line-height: 25px;
margin: auto;
}

#carousel-slider .carleft {
padding: 0;
}

#carousel-slider .carright {
text-align: left;
}

#carousel-slider .carright, #carousel-slider .carleft {
    margin: auto;
}

#carousel-slider .row {
    display: flex;
}

/* =============================================================
MISSIONS SECTION STYLES
============================================================ */

#missions .missions-wrapper {
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background-color: rgb(255, 193, 132);
/* cursor: pointer; */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#missions .missions-wrapper:hover {
background-color: rgb(241, 114, 131);
}

#missions .missions-wrapper:hover h3 {
color: white;
}

#missions .row {
text-align: center;
}

#missions h3 {
font-family: 'Oswald', sans-serif;
}

.missions-wrapper h3 {
color: black;
}

#missions .missions-wrapper i {
margin: 5px;
color: white;
font-size: 60px;
}

#missions ul, #pro ul, #personnel ul, #home ul, #quisuisje ul, #referentiel ul, .listfleche ul {
    padding-left: 0 !important;
    padding-right: 0;
    /* list-style-image: url(../img/ionicons_svg_ios-checkmark.svg); */
}

.ulpaddingleftart {
    padding-left: 10px !important;
    list-style: none;
}

.ulpaddingleftarttitre2 {
    padding-left: 0 !important;
    list-style: none;
}

.soustitremargin {
    margin: 10px;
}

#missions li, #pro li, #personnel li, #home li, #quisuisje li, #referentiel li, .listfleche li {
    margin: 0 0 5px 0;
    padding : 0 0 0 25px;
	list-style: none;
	background-image: url("../img/ionicons_svg_md-arrow-round-forward.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
}
#missions .souslist, #pro .souslist {
    padding-left: 45px;
    margin-bottom: 10px;
    background: none;
}
@media (max-width: 767px) {
    #missions .souslist, #pro .souslist {
    padding-left: 15px;
    }
}

#personnel p, #home p, #quisuisje p {
    color: black;
    margin-bottom: 10px;
}

/*============================
PRICING SECTION STYLES
==============================*/

.textencadre {
    display: grid;
    margin-bottom: 15px;
    padding: 10px;
    background-color: rgba(8, 122, 146, 0.2);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.fontpetit {
    font-size: small;
}

.textencadre p {
    margin: 0;
    color: rgb(79, 79, 79);
}

#pricing-part .btn, #pricing-pro .btn {
    padding-left: 20%;
    padding-right: 20%;
}

.light-pricing {
    background-color: lavenderblush;
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: black;
    line-height: 30px;
    /* cursor: pointer; */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media (max-width: 767px) {
    .light-pricing {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .margintopmobile {
        margin-top: 20px;
    }
}

.light-pricing:hover {
background-color: rgb(166, 153, 220, 0.5);
}

.light-pricing ul {
list-style: none;
margin: 0;
text-align: center;
padding-left: 0px;
}

/* .light-pricing ul li {
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
} */

.light-pricing ul li i {
margin-right: 5px;
}


.light-pricing .price {
padding: 40px 20px 5px 20px;
font-size: 60px;
font-weight: 900;
}

.light-pricing .price small {
color: #000;
display: block;
font-size: 15px;
margin-top: 22px;
}

.light-pricing .type {
background-color: rgb(8, 122, 146);
padding: 20px 20px;
font-weight: 900;
text-transform: uppercase;
font-size: 30px;
color: rgb(241, 114, 131);
}

.light-pricing .pricing-footer {
padding: 20px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
padding-left: 0;
padding-right: 0;
}

.light-pricing.popular {
margin-top: 10px;
}

.light-pricing.popular .price {
padding-top: 80px;
}

@media (max-width: 767px) {
    #pricing-pro .row {
        margin-right: 0;
        margin-left: 0;
    }
}


/*============================
PRO SECTION STYLES
==============================*/

#pro .caegories a.active {
background-color: transparent;
color: black;
}

.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}

#pro .pro-wrapper, #referentiel .pro-wrapper, #deontologie .pro-wrapper, #missions .pro-wrapper {
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
/* cursor: pointer; */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#pro .pro-wrapper, #referentiel .pro-wrapper, #deontologie .pro-wrapper {
background-color: white;
}
/* #missions .pro-wrapper {
background-color: white;
} */

#pro .pro-wrapper, #referentiel .pro-wrapper {
    border: 1px solid rgb(182, 188, 17);
}

#deontologie .pro-wrapper {
    border: 1px solid rgb(166, 153, 220);
}

#pro .pro-wrapper:hover, #referentiel .pro-wrapper:hover, #deontologie .pro-wrapper:hover {
color: white;
opacity: .80; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
filter: alpha(opacity=80); /* ie lt 7 */
-khtml-opacity: .80; /* safari 1.x */
-moz-opacity: .80; /* ff lt 1.5, netscape */
}

#pro .pro-wrapper:hover, #referentiel .pro-wrapper:hover {
    background-color: rgb(182, 188, 17);
}

#deontologie .pro-wrapper:hover {
    background-color: rgb(166, 153, 220);
}

#pro .pro-wrapper:hover h3, #referentiel .pro-wrapper:hover h3, #deontologie .pro-wrapper:hover h3, #deontologie .pro-wrapper:hover h6 {
    color: black;
}

#pro .pro-wrapper h4 {
padding-top: 10px;
}

/*============================
TEAM SECTION STYLES
==============================*/


.team-wrapper {
overflow-x: hidden;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transform: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
margin-bottom:30px;
}
.team-wrapper:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team-wrapper .team-inner {
background-size: cover;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
padding: 150px 0 10px;
/*background-image: url('../img/girl-big.jpg');*/
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 10px 10px 0px 0px;
}

.team-wrapper > .team-inner > a {
color: rgb(241, 114, 131);
width: 80px;
height: 80px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto -50px;
display: block;
color: rgb(241, 114, 131);
z-index: 999;
font-size: 40px;
padding: 15px 22px;
background-color: #fff;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.team-wrapper > .team-inner > a:hover {
color: #fff;
text-decoration: none;
background-color: rgb(241, 114, 131);
}


.team-wrapper .description {
padding: 30px 20px 20px;
text-align: center;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

.team-wrapper .description h5 {
color: rgb(241, 114, 131);
}



/*============================
CONTACT SECTION STYLES
==============================*/

#contact .contact-wrapper {
background-color:rgba(8, 122, 146, 0.2);
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
min-height:220px;
}
#contact .contact-wrapper h3 {
color:rgb(241, 114, 131);
}
#contact .social-below {
display: block;
margin-top: 5px;
text-align: center;
}
.footer-div {
padding-top:25px;
}
.footer-div a,.footer-div a:hover {
font-size:10px;

color:black;
text-decoration:none;
}

.picto {
    width: 20px;
}