#languageSelector {
 font-size: 1.0rem;
}

body p {
 font: 400 1.3em "Roboto",sans-serif;
}

.firstSection {
    padding-top: 250px;
}
.termsContent p{
    margin-bottom: 10px;
}

.agency_area .agency a.title {
    min-height: 135px;
}

.agency_area .agency p {
    min-height: 195px;
    text-align: center;
    font-size: 1.3em;
    line-height: 2em;
}

/* mode arondie */
.agency_area .agency {
 border-radius: 37px;
}

.email_us {
  border-radius: 37px;
}
/* fin mode arondie */

body p {
    text-align: justify;
}

@media (max-width: 767px) {
  
    .banner_area h2 {
      margin-top: 320px;
    }
}

.main_header_area .header_menu .navbar .navbar_supported ul {
    padding-left: 0px;
}
.main_header_area .header_menu .navbar .navbar_supported ul li a {
    margin: 0 18px;
}
.get_touch_area .from_main .form-group .theme_btn {
    width: auto;
}

.works_inner {
 min-height: 640px;
}

.expertises {
/*  position: absolute; */
 left: 0px;
 top: 0px;
 display: flex;
 justify-content: center;
 align-items: center;
 transition: transform 0.3s ease;
}

.expertises:hover {
 box-shadow: 0 0 18px 0 rgba(222, 222, 222, 0.75);
 transform: scale(1.02);
 z-index: 10;
}

.expertises div {
 background: #2763a1;
 position: absolute;
 color: white;
 /* padding: 9px 100px 9px 100px; */
 padding: 9px 0 9px 0;
 /* bottom: 8%; */
 /* top: 82%; */
 top: 76%;
 font: 100 30px "Muli", sans-serif;
 width: 88%;
 text-align: center;
 /* mode arrondi */
 border-radius: 12px;
 /* fin mode arrondi */
}

.expertises img {
 /*
 width: 480px;
 height: 600px;
 */
 width: 100%;
}

.banner_area p {max-width:500px;}

/* .media-body p { */
.media-bubbles {
 background: #2763a1ab;
 padding: 1% 2%;
 border-radius: 6px;
}

.services_area .analysis .analysis_text a {
 line-height: 1.2;
 padding-top: 15px;
}

.services_area .erp {padding-top:55px;}
.services_area .marketing {margin-top:-80px;}

.services_area .erp img { width: 66px; height: 66px; }
.services_area .design img { width: 61px; height: 61px; }
.services_area .development img { width: 64px; height: 64px; }

@media (max-width: 991px) {
 .services_area .erp img { width: 32px; height: 32px; }
 .services_area .design img { width: 32px; height: 32px; }
 .services_area .development img { width: 32px; height: 32px; }
 
 .services_area .analysis .analysis_text a {
  padding-top: 10px;
 }
 .services_area .analysis .analysis_text a {
  font-size: 16px;
 }
 .services_area .analysis .analysis_text {
  margin: -22px auto;
 }
 .work_area .works_filter {
  padding-top: 0;
 }
}

/* ------------------------- css for side pages ------------------------- */ 
.servicesArea, .productSolutionsArea, .taylorMadeArea, .aboutArea {
    display: block;
    padding-top: 160px;
    position: relative;
    z-index: 1;
}

.servicesArea h2, .productSolutionsArea h2, .taylorMadeArea h2, aboutArea h2 {
    font: 700 45px/50px "Muli",sans-serif;
    color: #242425;
    padding: 45px 0 0px;
    max-width: 950px;
}

.servicesSection, .productSolutionsSection, .taylorMadeSection, .aboutSection .toolsSection {padding-top:75px;}


.standardArea {
    display: block;
    padding-top: 160px;
    position: relative;
    z-index: 1;
}
.standardArea h2 {
    font: 700 45px/50px "Muli",sans-serif;
    color: #242425;
    padding: 45px 0 0px;
    max-width: 950px;
}
.standardSection {padding-top:75px;}

#about h1 {
 color: #242425;
 font-weight: 700 !important;
 font: 45px "Muli",sans-serif;
}

#about .content {
 font: 400 20px/32px "Muli",sans-serif;
 color: #464647;
 padding-top: 70px;
 max-width: 705px;
 text-align: justify;
}

#about .p-0 {padding:111px 0 0 47px !important;}

/* ------------------------- end css for side pages ------------------------- */


@media (min-width: 576px) {
 /* déplacer le 2e produit */
 .services_area .design {
    padding-top: 281px;
 }

 /* déplacer le 3e produit */
 .services_area .development {
    margin-left: 236px;
    margin-top: 11px;
 }
}

/* on écrase la couleur orange des titres en hover dans la section Technologies */
.agency_area .agency a:hover, .agency_area .agency a:focus {color:#ffffff !important;}

/* on écrase la couleur orange fond d'icone en hover dans la section Technologies */
.agency_area .agency:hover i:before, .agency_area .agency:focus i:before {
    background: url(../images/icon-bg.png) no-repeat center;
    color: #2e91fc;
}


@media (min-width: 991px) {
 .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu {width:max-content;}
}



@media (max-width: 767px) {
 .agency_area .agency p {
  min-height: 0px;
  font-size: 1.3em;
 }

 .agency_area .agency {padding:30px 11px;}
}

.standardSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
 border-radius: 37px;
 max-width: 90%;
}

/* taylor-made-software.php */
.taylorMadeSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
 clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%);
}

/*
.taylorMadeSection .container .row button {
 border-radius: 15px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 background: #fc2eaf;
 margin-top: 10px;
}
.taylorMadeSection .container .row button:hover {
 background: #bb167d;
}

.taylorMadeSection .container .theme_btn:before {
 background: #bb167d;
}
*/

@media (max-width: 519px) {
 .taylorMadeSection img {width:-webkit-fill-available;}
}

/* services.php */
.servicesSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
 clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%);
}

/*
.servicesSection .container .row button {
 border-radius: 15px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 background: #fc2eaf;
}
.servicesSection .container .row button:hover {
 background: #bb167d;
}
.servicesSection .container .theme_btn:before {
 background: #bb167d;
}
*/

@media (max-width: 519px) {
 .servicesSection img {width:-webkit-fill-available;}
}

/* off-the-shelf-software.php */
.productSolutionsSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
 clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%);
}
/*
.productSolutionsSection .container .row button {
 border-radius: 15px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 background: #fc2eaf;
}
.productSolutionsSection .container .row button:hover {
 background: #bb167d;
}
.productSolutionsSection .container .theme_btn:before {
 background: #bb167d;
}
*/



@media (max-width: 519px) {
 .productSolutionsSection img {
   width: -webkit-fill-available;
 }
}

.drop {
 font-size: 46px;
 width: 92px;
 height: 93px;
 line-height: 93px;
 background: url(../images/icon-bg.png) no-repeat center;
 margin: 0 auto;
 color: #2e91fc;
 display: inline-block;
 text-align: center;
}

.drop img {
 /* width: -webkit-fill-available; */
 margin: 15px 15px 20px 18px;
 filter: invert(43%) sepia(36%) saturate(2181%) hue-rotate(190deg) brightness(93%) contrast(80%);
 height: 59px;
 width: 59px;
}

/* about.php */
.aboutSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
 clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%);
}

.toolsSection img {
 width: 520px;
 margin: 10px 18px 0 18px;
}

.standardSection p {line-height:40px;}

.aboutSection p, .toolsSection p, .taylorMadeSection p, .servicesSection p, .productSolutionsSection p {line-height:40px;}

@media (max-width: 519px) {
 .aboutSection img {
   width: -webkit-fill-available;
 }
 .toolsSection img {
   width: -webkit-fill-available;
 }
}

/* footer.php */
.footer_area form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

/* pour le form contact */
.from_main .row {padding: 0 0 0 0;}
.get_touch_area .from_main .form-group select.form-control {
 cursor: pointer;
 padding: 15px 25px;
}
.get_touch_area .map_area iframe {
    border: 0;
    width: 100%;
    height: 654px;
}

/* blog single */
.row {padding:45px 0 0px;}
.blog_single .share_row .share li a.facebook {background:#c6e5fa;}
.blog_single .share_row .share li a.facebook:hover {background:#3897cf;}
.blog_single .share_row .share li a.linkedin {background:#c6e5fa;}
.blog_single .share_row .share li a.linkedin:hover {background:#3897cf !important;}
.blog_rightsidebar .categories:first-of-type {padding-top:0px;}
.blog_rightsidebar .tags .tags_list li a {margin:0 5px 0 0;}
.work_pages .works_filter li.active .theme_btn {background:#2e91fc;}
.theme_btn:before {transition:none;}
.work_pages .works_filter li .theme_btn:before {background:#2e91fc;}

.work_pages .works_filter {
    text-align: center;
    padding-top: 20px;
}

.blog_rightsidebar .categories p {
 font: 700 22px/1 "Muli",sans-serif;
 color: #537097;
 margin: 0;
}

.standardArea h1 {
 font: 700 45px/50px "Muli",sans-serif;
 color: #242425;
 padding: 45px 0 0px;
 max-width: 950px;
}

.standardSection h2 {
 font-size: 2.5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
}

.taylorMadeArea h1 {
 font: 700 45px/50px "Muli",sans-serif;
 color: #242425;
 padding: 45px 0 0px;
 max-width: 950px;
}

.taylorMadeSection h2 {
 font-size: 2.5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
}

.productSolutionsArea h1 {
 font: 700 45px/50px "Muli",sans-serif;
 color: #242425;
 padding: 45px 0 0px;
 max-width: 950px;
}

.productSolutionsSection h2 {
 font-size: 2.5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
}

.servicesArea h1 {
 font: 700 45px/50px "Muli",sans-serif;
 color: #242425;
 padding: 45px 0 0px;
 max-width: 950px;
}

.servicesSection h2 {
 font-size: 2.5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit;
}

.get_touch_area h1 {
 font: 600 35px/1 "Muli",sans-serif;
 color: #537097;
 text-align: center;
 padding-bottom: 80px;
}

.blog_news_area h1 {
 max-width: 100%;
 text-align: center;
 font: 400 40px/50px "Muli",sans-serif;
 color: #537097;
 max-width: 700px;
 margin: 0 auto;
 padding-top: 17px;
}

.blog_single h1 {
 font: 700 38px/48px "Muli",sans-serif;
 color: #537097;
 display: block;
 padding-top: 50px;
 padding-bottom: 10px;
 margin: 0;
 text-align: justify;
}

.main-title-index {
 font: 800 66px/74px "Muli",sans-serif;
 color: #353535;
 max-width: 620px;
 margin: 0;
}

@media (max-width: 767px) {
 .main-title-index {
    margin-top: 320px;
    font-size: 35px;
    line-height: 45px;
    max-width: 400px;
 }
}


@media (max-width: 991px) {
 .main-title-index {
    text-shadow: 0 0 2px #fff;
 }
}

.agency_area .agency .technologies-title {
 min-height: 135px;
 display: block;
 font: 600 26px "Muli",sans-serif;
 color: #242425;
 padding: 37px 0 30px;
}

.agency_area p.blue-subtitle,
.about_agency_area p.blue-subtitle,
.services_area p.blue-subtitle,
.agency_video_area p.blue-subtitle,
.work_area p.blue-subtitle {
 font: 600 18px/1 "Muli",sans-serif;
 color: #2e91fc;
 margin: 0;
 padding: 0;
}

.blog_news_area .blog_news:hover .blog_img img, .blog_news_area .blog_news:focus .blog_img img {transform:scale3D(1.004,1.004,5000);}
.blog_single .meta .date span {padding:3px 0;}
#small-year {font-size:10px;}

/* images en webp */
.services_area {background:url(../images/services-bg.webp) no-repeat center;}
.work_area_index {background:url(../images/work-bg.webp) no-repeat left bottom;}
.banner_area {background:url(../images/banner-bg.webp) no-repeat top right;background-size:contain;}
.agency_area:after {background:url(../images/agency-shap.webp) no-repeat bottom right;}
.footer_area {background:url(../images/footer-bg.webp) no-repeat right bottom;background-size:contain;}

/* #6959e2 #2e91fc */


@media (max-width: 991px) {
 .work_area_index {
  background-position: left 160px;
 }
}

.blog_contant .author img {
 height: 54px;
 width: 54px;
}

.legend {
 text-align: center;
 font-style: italic !important;
 margin: 0 0 2% 0;
 padding: 0 !important;
 font-size: 14px !important;
}

.lead {
 font-style: italic !important;
}

.central {
 width: 100%;
 margin: 2% 0 0 0;
 /* clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%); */
 border-radius: 37px;
}

.columnSection .row {
 padding: 25px 0 0px;
}

.columnSection .fadeInRight img {
 width: 520px;
 margin: 5px 18px 0 72px;
 /* clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%); */
 max-width: 80%;
 border-radius: 37px;
}

.columnSection .fadeInLeft img {
 width: 520px;
 margin: 5px 18px 0 15px;
 /* clip-path: polygon(0% 0%, 16% 2%, 39% 0%, 83% 4%, 100% 0%, 100% 24%, 98% 48%, 100% 75%, 100% 100%, 75% 97%, 45% 100%, 1% 100%, 7% 81%, 0% 56%); */
 max-width: 80%;
 border-radius: 37px;
}

.columnSection .content {
 font: 400 18px / 35px "Roboto", sans-serif;
 text-align: justify;
 color: rgba(0, 0, 0, 0.702);
}

#sim {
 filter: brightness(95%);
}

.blog_area strong {
 color: #537097;
}

.accordion_content button {
 display: block !important;
 margin: 20px auto 0 auto !important;
}

/*
background du premier block de text de l'index
*/


@media (max-width: 990px) {
    .columnReverseSection .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .columnSection .row .fadeInRight, .columnSection .row .fadeInLeft {
        text-align: center;
    }
}

.contact-button {
    border-radius: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*background: #fc2eaf;*/
    margin-top: 20px;
}

.contact-button:hover {
 /*background: #bb167d;*/
}

.contact-button:before {
 /* background: #bb167d; */
}


/* corriger le probleme d'écriture sur la fleche vers le bas des questions / réponses du blog */
.faq_area .faq_accordion .item a {
 padding: 14px 45px 14px 30px !important;
}

.centered-img {
 display: block;
 margin-left: auto !important;
 margin-right: auto !important;
}

.call-to-action {
 background: #e6f1ff;
 padding: 35px;
}

.call-to-action p {
 color: rgba(94, 109, 127, 0.702);
 font: 400 1.3em "Roboto", sans-serif;
 line-height: 40px;
}

.call-to-action p.title {
 font-weight: bolder;
 font-size: 1.8em;
}

.standardSection button {
 display: block !important;
 margin: 0 auto !important;    
}

.blog_single p.code {
 background-color: #1f2224;
 color: #fff;
 line-height: 18px;
 white-space: pre;
 word-spacing: normal;
 word-break: normal;
 word-wrap: normal;
 tab-size: 4;
 hyphens: none;
 margin: 0;
 padding: 15px 18px;
 overflow-x: auto;
 overflow-y: hidden;
 display: block;
 position: relative;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 font-size: 14px;
 font-family: monospace;
 font-weight: 400 !important;
 margin: 10px 0;
}

.faq_area .faq_accordion .item a.external-link {
  display: inline;
  position: relative;
  padding-right: 15px;
  padding: 0 15px 0 0 !important;
}

.faq_area .faq_accordion .item a.external-link::after {
  content: "↗" !important;
  position: absolute !important;
  font: 400 13px / 25px "Roboto", sans-serif !important;
  right: 4px;
  font-size: 0.8em;
  top: -9px;
  color: #537097;
}

.faq_area .faq_accordion .item .accordion_content {
    padding: 35px;
    background: #e6f1ff;
    text-align: center;
}


@media (max-width: 991px) {
    .main_header_area .header_menu .navbar .navbar-toggler {
        font-size: 30px;
        color: #399dd4;
        padding: 0;
        margin: 0;
        line-height: 62px;
        border: 0;
        float: right;
    }
}

.main_header_area .header_menu .navbar {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a:before {
    content: none;
    position: absolute;
    left: 16px;
    top: 18px;
    border: 0;
    width: 5px;
    height: 5px;
    background: #3897cf;
    border-radius: 50%;
    opacity: 0;
}

@media (max-width: 991px) {
    .main_header_area .header_menu .navbar .navbar-nav li {
        border-bottom: 1px solid #fff;
    }
}

@media (max-width: 991px) {
    .main_header_area .header_menu .navbar .navbar-nav {
        margin: 10px 0 0 0;
/*         max-height: 370px; */
        max-height: none;
        overflow-y: auto;
        background: #2e91fc;
        border: 1px solid #fff;
        padding-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .agency_area {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .services_area {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
    }
    .row {
     padding: 15px 0 0px;
    }
    .services_area h2 {
        padding-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .services_area {
        /* background: #84c9f9; */
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 60px;
    }
}