.banner-interne {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    margin-top: 93px;
}
.boxservices { margin-bottom: 50px;}
.img-header {
    height: 300px;
}
.breadcrumb-premiasoft {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    bottom: 110px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px;
    z-index: 2;
    right: 0;
}
.title-breadcrumb {
    font-size: 50px;
    color: #fff;
    font-family: Segoe UI;
    font-weight: 200;
}
.breadcrumb-premiasoft .ul-breadcrumb {
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin-top: 5px;
}
.breadcrumb-premiasoft li {
    float: left;
    color: #54a6dc;
    font-size: 15px;
    display: flex;
    margin-left: 8px;
    font-family: Segoe UI;
}
.breadcrumb-premiasoft li a {
    color: #54a6dc;
    cursor: pointer;
}
.icon-separateur {
    display: block;
    position: relative;
    margin-left: 15px;
}
.icon-separateur:before {
    content: ">";
    color: #54a6dc;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0 !important;
    font-weight: bold !important;
    width: auto !important;
    margin-right: 0 !important;
}
.link-premiasoft a {
    color: #000000;
    font-size: 18px;
    position: relative;
    display: block;
    z-index: 33;
    margin: 0 auto;
}
.link-premiasoft {
  display: table;
  margin: 80px auto 0;
  padding: 25px 60px;
  background: none;
  border: 0;
  font-size: 18px;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.link-premiasoft span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.line-one {
  border-top: 2px solid #134b96;
}

.line-two {
  border-right: 2px solid #134b96;
}

.line-three {
  border-bottom: 2px solid #134b96;
}

.line-four {
  border-left: 2px solid #134b96;
}

.first:hover .line-one {
  animation-duration: 2s;
  animation-name: one;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.first:hover .line-two {
  animation-duration: 2s;
  animation-name: two;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.first:hover .line-three {
  animation-duration: 2s;
  animation-name: three;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.first:hover .line-four {
  animation-duration: 2s;
  animation-name: four;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes one {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
@keyframes two {
  from {
    bottom: -100%;
    top: 100%;
  }
  to {
    bottom: 100%;
    top: -100%;
  }
}
@keyframes three {
  from {
    right: -100%;
    left: 100%;
  }
  to {
    right: 100%;
    left: -100%;
  }
}
@keyframes four {
  from {
    top: -100%;
  }
  to {
    top: 100%;
  }
}
.page-contact {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.contact-mail {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 0px;
    justify-content: flex-end;
}
.contactinfo {
    padding: 0;
    width: 40%;
}
.contactinfo h2 {
    margin: 0;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 100;
    text-align: right;
    padding-right: 125px;
    margin-bottom: 90px;
}
.lighttxt {
    color: #787878;
    display: block;
}
.boldtxt {
    display: block;
    text-transform: uppercase;
    color: #15a0e1;
}
.contactinfo p {
    color: #2b2b2b;
    font-size: 16px;
    text-align: center;
    margin: 0 0 3px;
}
.link-premiasoft a:hover {
    text-decoration: none;
}
.imgpremiasoft {
    padding: 0;
}
.information-premiasoft {
    position: relative;
    overflow: hidden;
}
.adress-premiasoft {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.bgwhite.txtadress {
    padding: 0;
    background: #fff;
    height: 333px;
    display: flex;
    align-items: center;
}
.boxcontact {
    height: 333px;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.txtadress h4 {
    font-size: 36px;
    margin: 0;
    color: #777777;
    text-align: center;
}
.txtadress h4 .txtbold {
    font-weight: 700;
    display: block;
}
.txtadress h4 .txtlight {
    display: block;
    font-weight: 100;
    margin-top: 10px;
}
.bgblue_1 {
    background: #0f4791;
}
.boxcontact h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: right;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
.boxcontact p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    width: 100%;
}
.contact-phone {
    margin-top: 35px;
}
.bgblue_2 {
    background: #0170c1;
}
.bgblue_3 {
    background: #18a0dc;
}
.boxcontactimg { padding: 0;}
.form-premiasoft {
    padding-left: 50px;
    padding-top: 50px;
}
.form-premiasoft span {
    color: #0f4791;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 300;
    display: block;
}
.boxform {
    margin-top: 40px;
}
.boxcontactimg img {
    height: 100%;
}
.actualites {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.boxsavoir {
    padding: 0;
    width: 37%;
}
.boxsavoir h2 {
    margin: 0;
    font-size: 36px;
    font-family: open Sans;
    font-weight: 100;
    text-align: right;
    margin-bottom: 50px;
}
.lighttxt.textcenter {
    text-align: center;
    margin-bottom: 10px;
}
.contact-mail.flexstart {
    justify-content: flex-start;
    margin-top: 95px;
}
.boldtxt.textcenter {
    text-align: center;
    font-size: 48px;
}
.boldtxt.textleft {
    text-align: left;
    font-size: 48px;
}
.page-services {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.boxsavoir p {
    color: #2b2b2b;
    font-size: 14px;
    text-align: justify;
    margin: 0 0 20px;
    line-height: 22px;
    font-family: Open Sans;
    padding: 0 50px;
}
.box-services {
    height: 360px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    justify-content: center;
}
.imgpremiasoft.imgservices {
    width: 48%;
}
.box-services .icon {
    color: #fff;
    font-size: 70px;
    margin: 0px auto;
    display: block;
}
.bggrey {
    background: #a5a5a5;
}
.box-services a {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-family: Segoe UI;
    font-weight: 100;
    margin-top: 15px;
}
.box-services a:hover {
    color: #d0d0d0;
}
.box-services p {
    color: #464746;
    font-size: 14px;
    text-align: justify;
    line-height: 23px;
}
.boxservices p {
    color: #2b2b2b;
    font-size: 14px;
    text-align: justify;
    line-height: 23px;
}
.servicespremiasoft {
   margin-top: 55px;
}
.carrieres {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.txtcarriere {
    font-weight: lighter;
    font-size: 36px;
    margin: 0;
}
.boxcarriere {
    display: flex;
    align-items: center;
   padding: 0;
   flex-wrap: wrap;
}
.bloc-carriere {
    background: #f2f2f2;
    width: 100%;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 25px 40px;
}
.carriereimg {
    padding: 0; width: 20%;
}
.carriereparag {
    display: flex;
    flex-direction: column;
}
.namecarriere {
    font-size: 25px;
    color: #000000;
    font-weight: 500;
    font-family: Segoe UI;
    margin-bottom: 20px;
}
.addcarriere {
    display: block;
    font-size: 14px;
    color: #535353;
    font-family: Segoe UI;
}
.datecarriere {
    display: block;
    font-size: 14px;
    color: #535353;
    font-family: Segoe UI;
    margin-top: 11px;
}
.carriereparag em:before {
    font-family: "fontello" !important;
    font-size: 20px;
}
.boxcarriere p {
    font-size: 16px;
    color: #232323;
    text-align: justify;
    line-height: 28px;
    font-weight: lighter;
}
.boxcarriere .bggrey {
    background: #d5d5d5;
    width: 60%;
    padding: 30px;
    min-height: 205px;
    margin-top: 49px;
    margin: 50px auto 0;
}
.bggrey h3 {
    font-size: 2.8em;
    font-weight: lighter;
    line-height: 1.3em;
    text-align: center;
}
.nopadding-left { padding-left: 0;}
.nopadding-right { padding-right: 0;}
.text-justify p {
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px;
}
.text_apropos p {
    font-size: 15px;
    line-height: 25px;
}
.block1 {
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.text_top p {
    font-size: 15px;
    line-height: 26px;
}
.banner_apropos {
        background: url(/Files/App_002/Images/imgpropos.jpg) center center no-repeat !important;
}
.uppercase {
    text-transform: uppercase;
}
.boxsavoir .icon {
    position: absolute;
    right: 30px;
    font-size: 60px;
    top: 0;
    color: #18a0dc;
}
.name-offre {
    font-family: Segoe UI;
    font-weight: 100;
    text-align: center;
    min-height: 200px;
}
.section-services .bigtext {
    margin: 30px 0;
    color: #464746;
}
.section-services {
    overflow: hidden;
        padding: 25px 0 70px;
}
.services-premiasoft {
    padding: 0;
}
.bgone {background: #f9f9f9;}
.bgtwo {background: #f2f2f2;}
.section-nopadding {padding-bottom: 0;}
.framefacebook {
    overflow: hidden;
}
@media screen and (max-width: 1440px){
.boxsavoir {
    width: 46%;
}
.imgpremiasoft.imgservices {
    width: 50%;
}
}
@media screen and (max-width: 1366px){
.box-services h4 {
    font-size: 20px;
}
.box-services {
    padding: 25px;
}
.boxsavoir p {
    padding: 0px 35px;
}
.boxsavoir h2 {
    margin-bottom: 30px;
}
.boxsavoir {
    width: 44%;
}
.contactinfo {
    width: 47%;
}
.contactinfo p {
    padding-right: 125px;
}
.contactinfo h2 {
    margin-bottom: 60px;
}
.link-premiasoft {
    margin: 60px auto 0;
}
}

@media screen and (max-width: 1200px){
.boxsavoir {
    width: 45%;
}
.boldtxt.textleft {
    font-size: 40px;
}
.contactinfo h2 {
    margin-bottom: 40px;
}
.link-premiasoft {
    margin: 40px auto 0;
}
.contactinfo h2 {
    padding-right: 50px;
}
.contactinfo p {
    padding-right: 50px;
}
.boxcontact p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}
}
@media screen and (max-width: 1024px){
.boxsavoir {
    width: 47%;
}
}
@media screen and (max-width: 991px){
.order_txtprod {
    order: 9;
}
.banner-interne {
    margin-top: 55px;
}
.article-lus {
    margin-top: 45px;
}
.breadcrumb-premiasoft { padding: 0 30px;}
.boxservices {width: 100%; margin-bottom: 20px;  }
.orderblue {
    order: 3;
}
.txtorder {
    order: 4;
}
.orderfin {
    order: 5;
}
.ordergrey {
    order: 6;
}
.boxsavoir h2 { padding: 0 30px;}
.boxsavoir {
    width: 100%;
}
.imgpremiasoft.imgservices {
    width: 100%;
}
.boxsavoir p {
    padding: 10px 30px;
}
.services-premiasoft {
    padding: 0;
}
.services-premiasoft {
    display: flex;
    flex-wrap: wrap;
}
.gridorder_1 { order: 3;}
.gridorder_2 { order: 2;}
.order_1 { order: 2;}
.order_2 { order: 1;}
.order_3 { order: 3;}
.order_4 { order: 4;}
.contact-mail {
    flex-wrap: wrap;
}
.contactinfo {
    width: 100%; padding: 0 15px;
}
.contactinfo h2 {
    padding-right: 0; text-align: center;
}
.imgpremiasoft img {
    margin: 0 auto;
}
.imgpremiasoft {
    margin-top: 35px;
}
.boxcontactimg img {
    height: auto;
}
.form-premiasoft {
    padding-left: 15px;
}
.contactinfo p {
    padding-right: 0;
}
}
@media screen and (max-width: 767px){
.boxblogue {padding: 0;}
.article-lus{padding: 0;}
.breadcrumb-premiasoft { padding: 0 15px;}
.title-breadcrumb {
    font-size: 33px;
    line-height: 36px;
}
.boxsavoir .icon {
    right: 0;
}
.boxservices {
    padding: 0;
}
.orderfin {
    order: 6;
}
.ordergrey {
    order: 5;
}
.breadcrumb-premiasoft {
    bottom: 100px;
}
.box-services {
    padding: 0 15px;
}
.orderlast { order: 1;}
.ordertxt { order: 2;}
.order_1 {
    order: inherit;
}
.gridorder_1 {
    order: inherit;
}
.boxsavoir h2 { padding: 0 15px;    margin-bottom: 10px;}
.boxsavoir p {
    padding: 15px;
}
.page-contact, .actualites, .page-services {
    padding: 50px 0;
}
.bgwhite.txtadress {
    height: auto;
    padding: 40px 0;
}
.form-premiasoft { padding: 0;margin-top: 30px;}
}
@media screen and (max-width: 480px){
.boxsavoir h2 {
    font-size: 28px;
}
.boldtxt.textleft {
    font-size: 30px;
}
.box-services {
    height: 250px;
}
.contactinfo h2 {
    font-size: 26px;
}
.contactinfo p {
    padding-right: 0;
    font-size: 14px;
}
.link-premiasoft a {
    font-size: 16px;
}
.link-premiasoft {
    margin: 30px auto 0;
    padding: 20px 45px;
}
.txtadress h4 {
    font-size: 26px;
}
.boxcontact {
    height: auto;
}
.boxcontact h3 {
    font-size: 30px;
    margin-bottom: 40px;
}
.contact-phone {
    margin-top: 25px;
}
}
@media screen and (max-width: 380px){
.box-services {
    height: 280px;
}
.boxsavoir .icon {
    right: -8px;
    top: 30px;
    font-size: 45px;
}
}
.content {
    padding: 75px 0;
    position: relative;
    overflow: hidden;
}
.centerform h2 {
    text-align: center;
    font-size: 24px;
    color: #104c98;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.interne h6 {
    color: #18a0db;
    font-size: 20px;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}
.interne p.error_text {
    color: #383838;
    font-size: 16px;
    text-align: justify;
    line-height: 34px;
}