/*banner*/

.search-top .text-white{ color:#000 !important}
.search-top .input-group-text{background-color:#fff !important;     border: 0px solid #ced4da !important;     border-radius: 15px 0 0 15px !important;}
.search-top input{ width:100% !important;background:#fff !important; font-size:16px !important;     border-radius: 0px 15px 15px 0px !important;}
.search-top .form-control::placeholder{color:rgba(0, 0, 0, 0.45) !important;}
.title-banner{font-size: 58px;color: rgb(255, 255, 255);font-family:'Inter';text-align: center;margin-bottom: 5px !important;line-height: 57px;}
.search-top{width:50% ;margin:0 auto;text-align:center;}
.title2{    font-family: 'Inter'; text-align: center; color: #fff; font-size: 21px}
.section-banner{padding:150px 0 !important;}
.bxl-facebook:before{    position: relative;}
/* social */
.socialMedia {top: 48px; position: relative;}
.socialMedia a{    width: 82px;height: 82px; background-color: #f4a62b; display: inline-block; border-radius: 50%;text-align: center; line-height: 82px;font-size: 45px;color: #fff;}
.socialMedia a:hover{color:#005985}
/* service */
.serviceHomePage .item{position:relative;padding:30px 15px 40px 15px;color: #fff;font-size:20px; line-height: 1.6; z-index: 1;margin-left: 0}
.services-home .item {position:relative;padding:0;overflow:hidden;}
.services-home .item figure {position:relative;margin:1px;z-index:1;overflow:hidden;}
.services-home .item figure:after {position:absolute;top:0;bottom:0;left:0;right:0;content:"";background:rgba(0, 89, 133, 0.8);opacity:0;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;z-index:2;}
.services-home .item:nth-child(2) figure:after, .services .item:nth-child(6) figure:after {background:rgba(244, 166, 43, 0.8);}
.services-home .item:nth-child(3) figure:after, .services .item:nth-child(4) figure:after {background:rgba(77, 190, 201, 0.8);}
.services-home .item:hover figure:after {opacity:1;}
.services-home .item figure img {-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; width: 100%;}
.services-home .item:hover figure img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.services-home .item .desc {position:absolute;top:50%;left:0;right:0;margin:-50px 0 0;padding:0 30px;color:#fff;text-align:center;z-index:4;}
.services-home .item .desc h2 {font-family:'nunitobold';/*display:flex;*/align-items:center;margin:0 0 15px;color:#fff;font-size:37px;height:100px;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.services-home .item:hover .desc h2 {margin:-100px 0 15px;}
.services-home .item .desc h2 span {width:100%;text-align:center;}
.services-home .item .desc p {font-size:18px;opacity:0;visibility:hidden;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.services-home .item:hover .desc p {opacity:1;visibility:visible;}
.services-home .item .wpb_content_element{margin-bottom: 0 !important;}
.p-section{font-size: 18px; margin-bottom: 1rem; margin-top: 37px; font-family: 'nunitoregular';}
.titre-section{width:15%;flex-basis: 15%;}
.h4-section{  transform-origin: right;transform: rotate(-90deg);font-size: 38px; color: #005985;float: right;width: max-content;right: 50px; position: relative;font-family: 'sf_compact_displayregular';font-size: 38px;}
.h4-section:after{content: ""; position: relative; display: inline-block;width: 146px; background: #005985;height: 2px; margin-left: 17px;}
.bg-pourquoi-nous{ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);}
.pourquoi-nous{ font-family: 'sf_compact_displayregular'; font-size: 45px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25;   letter-spacing: normal;color: #ffffff;}
.text-agence{  margin: 32px 0 0;font-family: 'sf_compact_displayregular'; font-size: 21px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal;text-align: center; color: #ffffff;}

/*blog*/
.blog-titre{margin: 0 0 15px; font-family: 'nunitoregular';color: #fff;font-size: 40px;}
.blog-titre-p{font-family: 'nunitoextralight'; font-size: 28px;color: rgba(255, 255, 255, .75);  line-height: 42px; margin-top: 20px;}
.blog-btn {background: #fff; color: #005985; border-radius: 50px;margin: 15px 0 0; padding: 15px 50px 15px 50px; line-height: 50px;font-size: 20px;text-align: center;}
.blog {padding:0;/*background:url(/wp-content/themes/myTheme/img/Blog.png)*/ background-position:center right;background-size:80% auto;}
.blog .item {position:relative;/*padding:40px 50px;*/color:#fff;}
.blog .item .desc {position:relative;z-index:1; padding:40px 50px; height: 100% !important;}
.blog .item .desc h3 {font-size:28px;font-family:'nunitoextralight';margin-top:15px;}
.blog .item h2 {margin:0 0 15px;font-family:'nunitoregular';color:#fff;font-size:40px;}
.blog .item p {font-family:'nunitoextralight';font-size:28px;color:rgba(255, 255, 255, .75);line-height: 42px;margin-top: 20px;}
.blog .item .btn {background:#fff;color:#005985;}
.blog  .descOrg .btn {margin:30px 0 0;padding:0 30px;border-radius:20px;line-height:40px;font-size:16px;}
.blog a.more {color:#fff;}
.blog-image{position: relative;}
.datetime{font-size: 21px;}
.classement-p{font-size: 28px; font-family: 'nunitoextralight'; margin-top: 15px;color:#fff;}

/* agence */

.history .container{position: relative; margin-bottom: 150px;}
.history .container:before {    content: "";position: absolute;right: 6px;background: #005985; border-radius: 50%;width: 13px; height: 13px; top: -7px;}
.history .container:after {    content: "";position: absolute;right: 6px;background: #005985; border-radius: 50%;width: 13px; height: 13px; bottom: -7px;}
.history .item {position:relative;padding:60px 0; }
.history .item::before {position:absolute;top:-1px;bottom:-1.2px;left:0;right:50%;content:'';border:1px solid #005985;border-radius:100px 0 0 100px;border-width:3px 0 3px 3px;z-index:-1;}
.history .item:nth-child(2n)::before {    top: -1.2px;left:50%;right:0;border-radius:0 100px 100px 0;border-width:3px 3px 3px 0;z-index:-1;}
.history .item:first-child::after {position:absolute;top:-1px;left:50%;right:0;content:''; border:1px solid #005985;border-width:3px 0 0 0;z-index:-1;}
.history .item:last-child::after {position:absolute;bottom:-1.5px;left:50%;right:0;content:'';border:1px solid #005985;border-width:3px 0 0 0;z-index:-1;}
.history .item .year {text-align:center;font-size:48px;font-family: 'nunitobold';}
.history .item .year p {text-align:center;font-size:48px;font-family: 'nunitobold';}
.history .item:nth-child(2n) .year {order:3;}
.history .item:nth-child(2n) .icon {order:2;}
.history .item figure {margin:0 auto;padding:25px;width:120px;height:120px;border-radius:50%;background:#005985;}
.history .item .desc {padding:0 60px;}
.history .item h3 {font-size:26px;font-family: 'nunitoregular';font-weight:800;margin:0 0 15px;color:#005985;}
.history .item p {font-size:16px;}
.history .item:nth-child(1) .year {color:#ff4c00;}
.history .item:nth-child(1) figure {background:#ff4c00;}
.history .item:nth-child(2) .year {color:#52aad5;}
.history .item:nth-child(2) figure {background:#52aad5;}
.history .item:nth-child(3) .year {color:#f29190;}
.history .item:nth-child(3) figure {background:#f29190;}
.history .item:nth-child(4) .year {color:#f5c53e;}
.history .item:nth-child(4) figure {background:#f5c53e;}
.history .item:nth-child(5) .year {color:#995683;}
.history .item:nth-child(5) figure {background:#995683;}
.history .item:nth-child(6) .year {color:#4dbec9;}
.history .item:nth-child(6) figure {background:#4dbec9;}
.history .item:nth-child(7) .year {color:#f2434a;}
.history .item:nth-child(7) figure {background:#f2434a;}
section.history {padding:60px 0; }
.expertise {    padding-top: 196px ;}
.expertise h2 {     padding: 40px 74px; font-family: 'nunitoregular';   }
.descExpertise{padding-top: 70px;}

.titleValeur h3{padding: 45px 0 15px; border-bottom: 1px solid #005985;color: #005985;font-family: 'nunitobold'; font-size: 36px;}
.num-Tle{display: inline-block; font-size: 62px; margin-right: 13px;}
.counts {padding-bottom:0px;}
.counts .count-box {background:#fff;}
.counts .count-box i {display:block;font-size:64px;margin-bottom:15px;}
.counts .count-box span {font-size:70px;font-weight:700;color:#1c5c93;display:inline-block;vertical-align:top;}
.counts .count-box p {padding:0;margin:0;font-size:25px;display:inline-block;vertical-align:sub;font-family:'nunitoregular';font-weight:normal;color:#005985;}
.bg-services{background-repeat: no-repeat !important;background-position: bottom 75px left !important;}
/*.desc-left{padding: 50px 100px 60px 120px;}*/
.p-desc{font-size: 21px;color: #fff;}
.border-bloc{position: absolute;top: 0;bottom: 0; left: 10px; right: 10px; content: ''; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);}
.servicebox{padding-left: 163px; margin-left: 9px !important;}

/*Page Service */

.TopBlocService{ background-repeat: no-repeat !important;; background-position: bottom 90px left !important;; background-size: 100% auto;}
.TopBlocService .item{color: #fff; font-size: 21px; line-height: 33px; font-family: 'nunitoregular';}
.TopBlocService .item h3{font-size: 28px;font-family:'nunitobold';}
.serviceBox .item { position: relative;padding: 56px 40px 56px 20px; /* margin: 0 0 30px; */  text-align: center; }

.serviceBox .item h3 {font-size:24px;}
.serviceBox .item::before { position: absolute;  top: 0; bottom: 0px; left: 0px; right:15px; content: ''; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);}
.bg-Color{position: relative;}
.serviceBox .item:hover:before { background-color:#f4a62b;}

.bg-Color{position: relative;}
/*.figureService{position: absolute; bottom: 0; left:0}
.figureService-right{position: absolute; bottom: 0; right:0}*/
.serviceBox h2{margin-bottom: 30px;font-size: 48px;color: #fff; font-family: 'nunitobold';}


.serviceBox-reseau .item { position: relative;padding: 56px 40px 56px 20px; /* margin: 0 0 30px; */  text-align: center; }

.serviceBox-reseau .item h3 {font-size:24px;}
.serviceBox-reseau .item::before { position: absolute;  top: 0; bottom: 0px; left: 0px; right:15px; content: ''; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); margin-bottom: 15px;}
.bg-Color{position: relative;}
.serviceBox-reseau .item:hover:before { background-color:#ec3f61;}

.bg-Color{position: relative;}
/*.figureService{position: absolute; bottom: 0; left:0}
.figureService-right{position: absolute; bottom: 0; right:0}*/
.serviceBox-reseau h2{margin-bottom: 30px;font-size: 48px;color: #fff; font-family: 'nunitobold';}


.serviceBox-dev .item { position: relative;padding: 56px 40px 56px 20px; /* margin: 0 0 30px; */  text-align: center; }

.serviceBox-dev .item h3 {font-size:24px;}
.serviceBox-dev .item::before { position: absolute;  top: 0; bottom: 0px; left: 0px; right:15px; content: ''; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); margin-bottom:10px;}
.bg-Color{position: relative;}
.serviceBox-dev .item:hover:before { background-color:#005985;}

.bg-Color{position: relative;}
/*.figureService{position: absolute; bottom: 0; left:0}
.figureService-right{position: absolute; bottom: 0; right:0}*/
.serviceBox-dev h2{margin-bottom: 30px;font-size: 48px;color: #fff; font-family: 'nunitobold';}



.serviceBox-hebergement .item { position: relative;padding: 56px 40px 56px 20px; /* margin: 0 0 30px; */  text-align: center; }

.serviceBox-hebergement .item h3 {font-size:24px;}
.serviceBox-hebergement .item::before { position: absolute;  top: 0; bottom: 0px; left: 0px; right:15px; content: ''; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);}
.bg-Color{position: relative;}
.serviceBox-hebergement .item:hover:before { background-color:#4dbec9;}

.bg-Color{position: relative;}
/*.figureService{position: absolute; bottom: 0; left:0}
.figureService-right{position: absolute; bottom: 0; right:0}*/
.serviceBox-hebergement h2{margin-bottom: 30px;font-size: 48px;color: #fff; font-family: 'nunitobold';}

.section1, .section2, .section3, .section4{position: relative; padding: 0;}
.section1:before{content: ""; position: absolute; width: 49%; top:0; left: 0; bottom: 0;background: #f4a62b;} 
.section1::after { bottom: 0px;   left: 0; content: ''; background: url(/wp-content/uploads/Digital-marketing.jpg) no-repeat; background-position: bottom left; /* z-index: 0; */ width: 100%;height: 100%;/* background-size: 100%; */position: absolute;}
.section2:before{content: ""; position: absolute; width: 49%; top:0; right: 0; bottom: 0;background: #ec3f61;} 
.section2::after { bottom: 0;   right: 0; content: ''; background: url(/wp-content/uploads/2020/11/Reseaux.jpg) no-repeat; background-position: bottom right; /* z-index: 0; */ width: 100%; height: 100%;/* background-size: 100%; */position: absolute;}
.section3:before{content: ""; position: absolute; width: 49%; top:0; left: 0;right:0; bottom: 0;background: #005985;} 
.section3::after { bottom: 0;   left: 0; content: ''; background: url(/wp-content/uploads/Web-design-development.png) no-repeat; background-position: bottom left; /* z-index: 0; */ width: 100%;height: 100%;/* background-size: 100%; */position: absolute;}
.section4:before{content: ""; position: absolute; width: 49%; top:0; right:0; bottom: 0;background: #4dbec9;} 
.section4::after { bottom: 0;   right: 0; content: ''; background: url(/wp-content/uploads/Hebergement-web-cloud.png) no-repeat; background-position: bottom right; /* z-index: 0; */ width: 100%;height: 100%;/* background-size: 100%; */position: absolute;}
.display-none{display: none;}
.desc-left1 {padding-top: 50px ; padding-bottom:50px ; padding-left: 50px ;}
.desc-left2 {padding-top: 50px ; padding-bottom:50px ; padding-left: 97px ;}

/* portfolio 
.section-bg {background-color:#f9f9f9;}
.portfolio .portfolio-item {margin-bottom:30px;}
.portfolio #portfolio-flters {padding:0;margin:0 0 35px 0;list-style:none;text-align:center;}
.portfolio #portfolio-flters li {cursor:pointer;margin:0 15px 15px 0;display:inline-block;padding:10px 20px;font-size:12px;line-height:20px;color:#444;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all 0.3s ease-in-out;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {background:#428bca;color:#fff;}
.portfolio #portfolio-flters li:last-child {margin-right:0;}
.portfolio .portfolio-wrap {box-shadow:0px 2px 12px rgba(0, 0, 0, 0.08);transition:0.3s;position:relative;overflow:hidden;}
.portfolio .portfolio-wrap img {transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-info {display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;text-align:center;background:rgba(31, 53, 72, 0.6);padding-bottom:30px;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size:20px;color:#fff;font-weight:600;}
.portfolio .portfolio-wrap .portfolio-info p {color:#fff;font-size:14px;text-transform:uppercase;}
.portfolio .portfolio-wrap .portfolio-info a {color:#428bca;margin:0 4px;font-size:18px;line-height:1;background-color:#fff;padding-top:7px;border-radius:50px;text-align:center;width:36px;height:35px;display:inline-block;transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-info a:hover {background:#428bca;color:#fff;}
.portfolio .portfolio-wrap:hover {box-shadow:0px 4px 14px rgba(0, 0, 0, 0.16);}
.portfolio .portfolio-wrap:hover .portfolio-info {opacity:1;padding-bottom:0;}
.portfolio .portfolio-wrap:hover img {transform:scale(1.1);}*/

/* Contact */
.contact {/*margin-bottom: 30px;*/}
.contact h2 {font-family:'nunitoregular';font-size:50px;/*margin:0 0 50px;*/padding-top: 30px;}
.contact h2 span {font-size:24px;padding-top: 30px;}
.form-check {font-size:16px;padding:0;}
.infos {margin:50px 0 0; width: 90%}
.pageContact .contact .infos {margin:-180px 0 50px;}
.infos .item {position:relative;color:#fff; text-align: left;}
.infos .item::before {position:absolute;top:0;bottom:0;left:0px;right:0px;content:'';background:#005985;z-index:-1; height: 85%}
.infos .item:nth-child(2)::before {background:#52aad5;}
.infos .item .desc { padding-top: 34px !important;
    padding-bottom: 65px !important;
    padding-left: 30px;line-height:33px;}
.infos .item .desc h3 {margin:0 0 30px;font-weight:300;text-transform:uppercase;}
.infos .item .desc h4 {margin:0 0 10px 40px;font-weight:400;}
.infos .item .desc p {margin:0 0 10px 40px;font-family:'nunitoextralight';font-size:18px;color:rgba(255, 255, 255, .9);}
.infos .item .desc a {color:rgba(255, 255, 255, .9);}
.contact .infos {margin: -106px 0 0;z-index: 1; position: relative;}
.info-sm-home { margin: 0px 0 -639px; z-index: 2;position: relative;text-align: center;}
.info-sm-home .infos h4 {font-family:'nunitoregular'; font-size: 28px;}
.info-sm-home .infos h3 { font-size: 30px;}
.info-sm-home .desc{padding: 54px 53px !important;}
.info-sm-home .item .desc p{font-size: 20px;}

.addContact{position:relative;color:#fff; text-align: left;}
.addContact .desc {padding:60px 30px;line-height:33px;}
.addContact .desc h3 {margin:0 0 30px;font-weight:300;text-transform:uppercase;}
.addContact.desc h4 {margin:0 0 10px 40px;font-weight:400;}
.addContact.desc p {margin:0 0 10px 40px;font-family:'nunitoextralight';font-size:18px;color:rgba(255, 255, 255, .9);}
.addContact .desc a {color:rgba(255, 255, 255, .9);}
/* footer */
.footerSite {padding:88px 0 50px 0;background:#00283b;color:rgba(255, 255, 255, .75);}
.footerSite .rs h4{display: inline; margin-right: 20px;}
.footerSite a {color:rgba(255, 255, 255, .75);}
.footerSite .logo img {height:50px;width:auto;}
.footerSite .rs {margin:30px 0 0;}
.footerSite .rs h3 {text-align:left;}
.footerSite .rs a {display:inline-block;margin:0;height:50px;line-height:50px;text-align:left;border-radius:50%;}
.footerSite .rs i {font-size:35px;}
.footerSite .newsletter{order:0;}
.footerSite .footerMenu a {display:block;margin:10px 0;font-family:'Inter';font-size:18px;}
.footerSite .newsletter input {color:#fff;}
.footerSite .newsletter p {font-size:16px;}
.copy {position:relative;margin:50px 0 0;color:#005985;line-height:50px;font-weight:300;font-size:16px;}
.copy::before {position:absolute;top:0;bottom:0;left:-50%;right:-50%;content:'';background:#fff;z-index:0;}

.footerSite.light .newsletter h3{    margin: 19px 0 12px 0;}
figure.awords{ margin: 54px 0 30px 52px; }
.footerSite.light {background:#fff;color:#005985;border-top:1px solid #e5e5e5;}
.footerSite.light h3 {font-size: 21px; margin: 32px 0 12px 0; color: #0B0D2F;font-family: 'Inter' !Important;}
.footerSite.light a {color:#0B0D2F;}
.footerSite.light p{font-size: 16px; font-family:'Inter';}
.footerSite.light .newsletter input {color:#0B0D2F;}
.footerSite.light .copy {color:rgba(255, 255, 255, .75);}
.footerSite.light .copy::before {background:#005985;}
.footerSite.light .copy .links a {color:rgba(255, 255, 255, .75);}
.to-top {position:fixed;display:none;width:40px;height:40px;border-radius:3px;right:15px;bottom:15px;background:#428bca;color:#fff;z-index:99999;}
.to-top i {font-size:24px;position:absolute;top:8px;left:8px;}
.to-top:hover {color:#fff;background:#629fd3;}
.copyright { float: left;font-size: 18px;line-height: 72px;font-family: 'Inter'; font-weight: normal;color: #fff;}
.nav-bottom { float: right;line-height: 72px;font-family: 'Inter';}
.nav-bottom a {color: #fff;font-size: 21px;padding: 8px 12px;border-right: 2px solid #fff;font-weight: normal;}
.nav-bottom a:last-child {border-right: 0px solid #fff;}
.wpb_wrapper{
	height:100%;
}