.mylogo,.section1 .sous-titre1 h2{text-align:center}
#menu-mobile,#menu{border-color:transparent}
.txt-slide1,.txt-slide3{letter-spacing:-1.5px;font-weight:400;font-family:'Arial', sans-serif}
.animatable,.cd-top,.clear{visibility:hidden}
.cd-top,.clear,.footer-top,svg:not(:root){overflow:hidden}
.txt11 a,ul{outline:0}
.grid,li{list-style:none}
#buttons a,.btn1,.btn1:hover,.para1 a:hover,.txt11 a,.txt11 a :hover,a.more:hover,p.txt11 a:hover{text-decoration:none}
.accordion-toggle,.btn,.btn1,.grid figure,.prix-offres:hover,.txt11 a{cursor:pointer}
#menu{background-color:rgba(0,121,148,1);height:100px;padding-right:20px;border-style:solid;border-width:0 0 1px;transition:all .3s linear 0s}
.no-js #loader{display:none}
.js #loader{display:block;position:absolute;left:100px;top:0}
.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;background:#fff}
.se-pre-con::after{content:"";width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,121,148,.35);border-top-color:#007994;animation:se-pre-spin .9s linear infinite}
@keyframes se-pre-spin{to{transform:rotate(360deg)}}
#menu.header-fixed{height:70px!important}
body.fixed-margin-top{margin-top:70px;overflow-x:hidden}
#menu.header-fixed .logo2 img{max-height:92px!important;top:45px!important;transition:all .3s linear 0s}
#menu.header-fixed .collapse ul>li>a{padding-top:5px;transition:all .3s linear 0s}
#menu.header-fixed #bs-example-navbar-collapse-1 #nav-left,#menu.header-fixed #bs-example-navbar-collapse-1 #nav-right{top:2px}
#menu.header-fixed .open{top:5px;transition:all .3s linear 0s}
#menu .logo1 img,.slider{transition:all .6s linear 0s}
.mylogo{max-width:300px;left:50%;position:absolute;margin-top:-20px;right:0;vertical-align:middle;z-index:100;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);height:100px}
img,ul{vertical-align:top}
#logo-mobile,.logo2{display:none}
#logo1 img {
    width: 243px !important;
    height: 70px !important;
}
#logo2 img {
    height: 275px !important;
}
.menu{display:block}
.cs-main-menu-mobile,.open{display:none}
#nav-left li a,#nav-right li a{color:#fff;font-size:15px}
#menu .nav-lang-switch img,#menu .nav-lang-desktop img{width:32px;height:auto}
#nav-left li a:hover,#nav-right li a:hover{color:rgba(0,175,214,1)}
#bs-example-navbar-collapse-1{position:relative}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.collapse #nav-left,.collapse #nav-right{left:0;position:absolute;text-align:right;top:0;width:49%;z-index:50}
.collapse #nav-right{left:auto;right:0;text-align:left}
#nav-left .cs-main-menu-wrap{margin-right:135px}
.right{float:right}
.left,.section1{float:left}
#nav-right .cs-main-menu-wrap{margin-left:135px}
.navbar-nav{position:relative;padding-top:1px}
.decor,img.ri{position:absolute}
img.ri{max-width:80%;top:55%;left:10%}
img.ri:empty{left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#curve-top,.curve-top-shape,.decor{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.navbar-collapse{margin-top:10px}
#menu-mobile{background:rgba(0,121,148,1);margin-top:5%}
#menu-mobile span{background-color:#fff;height:4px;padding:auto}
.txt-slide1,.txt-slide2{padding:0 4px;line-height:36px;margin:0;border-width:0;white-space:nowrap}
.decor{fill:rgba(0,121,148,1);bottom:-45px;transform:rotate(180deg);width:100%;height:45px;z-index:-1}
#curve-bottom,#curve-slide,#curve-top,.curve-bottom-shape,.curve-slide-shape,.curve-top-shape{height:60px;width:100%;fill:#fff;left:0}
#curve-slide,#curve-top,.curve-slide-shape,.curve-top-shape{position:absolute;bottom:-1px}
#curve-bottom,.curve-bottom-shape{position:relative;bottom:-20px}
.slider{position:relative;top:70px;min-height:400px}
.txt-slide1{position:fixed;color:#2b2d30;font-size:20px;border-style:none;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.3)}
.txt-slide2{font-size:35px;color:#FFD700;border-style:initial;opacity:1;top:100px;border-color:initial;left:1268px}
.txt-slide3,.txt-slide4{text-transform:uppercase;padding:5px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.txt-slide3{color:#FFF;position:absolute;font-size:24px;line-height:30px;margin:0;border-width:0;border-style:none;white-space:nowrap}
#txt13{font:30px 700,sans-serif;font-family:'Helvetica Neue', Arial, sans-serif;color:#fff;background-color:#006075}
.btn1,.cd-testimonials-all p,.cd-testimonials-wrapper,.fancy-icon1{-webkit-font-smoothing:antialiased}
.txt-slide4,.txt-slide5{position:absolute;font-weight:400;font-family:'Arial', sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap}
.txt-slide4{font-size:24px;line-height:30px}
.txt-slide5{color:#B8860B;text-shadow:none;font-size:35px;line-height:36px;padding:1px 4px 14px}
#curve-top,.curve-top-shape,.content2,.fancy-icon1,.parallax2{position:relative}
#maroc{color:#B00}
.color_green{color:#D67600}
.wrapper-footer .color_green{color:#f2f2f2}
.wrapper-footer .color_green a,
.wrapper-footer .color_green a:visited{color:#66d4ff;text-decoration:underline;font-weight:600}
.wrapper-footer .color_green a:hover,
.wrapper-footer .color_green a:focus{color:#8fe3ff;text-decoration:underline}
/* Footer contact address styles */
.adr-ste{line-height:1.6}
.adr-ste a{color:#005f80;text-decoration:none}
.adr-ste a:hover{color:#007994;text-decoration:underline}
.btn-contact-footer{display:inline-block;margin:10px 0;padding:12px 24px;background:#007994;color:#fff;border-radius:4px;text-decoration:none;font-weight:600;transition:background .3s}
.btn-contact-footer:hover{background:#005f73;color:#fff}
/* Screen reader only class */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.content1{margin-bottom:60px}
.section1{padding-top:150px!important;background-color:#fff!important;margin-left:-15px;margin-right:-15px}
.section1 .titre1{margin-bottom:-10px}
h1,h2,h3,h4,h5,h6{Font-FAMILY:ARIAL;letter-spacing:1px;font-variant:small-caps}
.section1 .titre1 h1{font-size:36px;color:#005f73;line-height:48px;text-align:center;font-weight:300;font-style:normal}
font{color:#B00}
.section1 .sous-titre1 h2,.sous-title-parallax h2{font-size:16px;color:#222;line-height:22px;font-weight:700;font-family:'Helvetica Neue', Arial, sans-serif;font-style:normal}
.sous-title-parallax h2{text-align:left}
.line-separator{height:1px;width:60px;background:#555;border-bottom:1px solid #313030;margin-left:auto!important;margin-right:auto!important;margin-top:25px;margin-bottom:25px}
.section1 .para1{padding-left:20px;padding-right:20px;text-align:center;line-height:250%;color:#333}
.section2{padding:0 30px}
.fancy-icon1 {
    font-size: 32px;
    color: #007994;
    margin: -42px;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
}
.title-parallax{font-size:36px;color:#007b96;line-height:48px;text-align:left;font-family:'Helvetica Neue', Arial, sans-serif;font-weight:300;font-style:normal}
.titre2{color:#007b96;margin:0 7px 16px;text-transform:inherit;    font-size: 36px;  font-family: cursive;}
.btn-submit,.cd-see-all,.grid figure figcaption,.titre-footer{text-transform:uppercase}
.para2{color:#222;text-align:left}
.content3 .section2,.section3,.section4 .para1,.section4 .titre1,div#titre-footer{text-align:center}
.para2 p{line-height:1.8}
.content2{margin-top:10px;margin-bottom:80px}
.titre1{color:#007b96;    font-size: 36px;    font-family: cursive;}
.content4 .section4 .sous-titre1 h3{font-size:20px;text-align:center;font-style:normal;color:#4d5156;line-height:22px;font-weight:700}
.adr-ste,.txt11 a{color:#7a7a7a}
.p2{width:652px;height:657px}
.section4 .para1{padding-left:20px;padding-right:20px;line-height:250%;margin-bottom:40px}
#curve-top{top:-1px;left:0;-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.section3{margin-top:50px!important;margin-bottom:-70px!important;padding-bottom:20px!important}
.parallax{background-image:url(../img/img_parallax.jpg);min-height:700px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:20px}
.parallax .row .col-md-6{padding:0 35px}
.parallax2{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/corpslide2.jpg);min-height:500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:100px}
#footer-top{background:url(../img/footer_overlay.png) center no-repeat #2b2d30;min-height:454px;background-size:cover}
.clear{display:block;height:0;clear:both;width:100%;line-height:0;font-size:0}
.cd-top,.more,.single-img{display:inline-block}
.imgcgv,.imgdev,.imgecs,.imgseo{width:68px;height:60px;float:left}
.txt11 a :hover{color:#7a7a7a}
.txt11{font-size:15px;line-height:16px;padding-top:13px}
.imgdev{background:url(../img/fesweb-sprites-images.png) -39px -121px no-repeat}
.imgseo{background:url(../img/fesweb-sprites-images.png) -39px 2px no-repeat}
.imgecs{background:url(../img/fesweb-sprites-images.png) -39px -181px no-repeat}
.imgcgv{background:url(../img/fesweb-sprites-images.png) -39px -59px no-repeat}
.titre-footer{font-family:cursive;margin:-4px 0 20px!important;padding-left:5px;color:#fff}
.cd-testimonials p,.cd-testimonials-wrapper::after{font-family:Georgia,serif}
.container.footer-top{margin-top:51px;padding-left:55px;padding-bottom:10px}
.grid_5.txt11{padding-top:5px;padding-left:150px;font-size:initial;padding-bottom:10px;color:#f5f5f5}
.parallax2 .row .col-md-6,.single-img{padding:0 35px}
p.txt11 a:hover{color:rgba(0,175,214,1)}
.imggm{width:89px;height:92px;background:url(../img/fesweb-sprites-images.png) -224px -74px no-repeat;float:inherit;margin-left:140px}
.ste{font-weight:700;color:#f0f8ff}
.wrapper-footer.bg_black{background-color:#161615}
#footer-top a#copyright{color:#f2f4f8;text-decoration:underline;text-underline-offset:.25em;font-weight:600}
#footer-top a#copyright:focus,#footer-top a#copyright:hover{color:#7ccfff}
.single-img{text-align:left;max-width:100%;margin-bottom:-5px!important;padding-bottom:30px!important}
#cms_button_58aae1144d6b3,.fancy-icon2{text-align:center}
.single-img img{height:auto;max-width:110%;margin-top:10px}
img{border:0}
.fancy-icon2 {
    font-size: 32px;
    color: #01abce;
    float: left;
    background-color: #fff;
    width: 60px;
    height: 60px;
    padding-top: 14px;
    /* line-height: 60px; */
    border-style: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.fancybox-content1{padding-left:60px;float:right;margin-top:-60px}
.fancybox-padding{padding-left:60px;margin-left:20px}
.more{padding:3px 12px 0 0;letter-spacing:0;margin:5px 0 0;font-size:12px;font-weight:400;color:#00BFF3}
.cshero-lax-layer .cshero-layer-item{position:relative;width:25%;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:top left}
p {
    /* margin: 6px -5px 82px; */
    font-size: 19PX;
    line-height: 36px;
}
.cs-dropcap-firstText::first-letter{color:#fff!important;background:#13151c;border-color:#13151c;font-size:28px;margin:10px 10px 0 0;display:inline-block;line-height:36px;height:200px;width:40px;text-align:center;float:left;border-width:1px;border-style:solid;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:8px 12px}
.col2 .cs-dropcap-firstText::first-letter{color:#fff!important;background:#007b96;border-color:#007b96}
.btn{-webkit-transition-duration:1s;transition-duration:1s}
.cshero-lax-layer{z-index:20;position:absolute}
.btn.btn-primary-border:focus,.btn.btn-primary-border:hover{border-color:#01abce}
.btn.btn-small,.csbody .btn.btn-sm{padding:12.5px 50px}
.btn.btn-primary-border:hover{background-color:#01abce;color:#fff;-webkit-transform-origin:50%;border-color:#01abce}
#curve-top-footer{position:relative;top:-10px;left:0;fill:#fff;height:60px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);width:100%}
#logo-footer{max-width:110px;position:relative;margin-top:45px;margin-bottom:-40px}
.footer-bottom-1{text-align:left}
body #footer-bottom{color:rgba(255,255,255,1)}
.footer-bottom-2{text-align:right}
#footer-bottom ul{padding:0;margin:0;list-style:none}
#footer-bottom{background-color:rgba(17,19,26,1)}
i.icon-footer{text-align:center;font-size:32px;color:#01abce;float:left;width:60px;height:60px;padding-top:14px;line-height:60px}
p.txt11{padding-left:60px;padding-top:32px}
.animatable{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.fcss-column .social-header{float:left;display:block;margin-left:80px;z-index:-1;margin-top:-84px;width:290px}
.G-plus-share .social-header .sh-caption{color:#aa4141}
.twitter-share .social-header .sh-caption{color:#1AADEC}
.social-header .sh-caption{font-size:20px;font-weight:700;text-transform:uppercase;color:#336aa8;padding:10px 25px 0 10px;display:inline-block;margin-left:15px}
.fcss-column .social-header .sh-subcaption{border-right:4px solid rgba(26,173,236,.5);display:block;color:#798185;font-size:16px;line-height:16px;font-weight:700;padding:10px 20px 10px 50px;margin-left:-30px}
.G-plus-share .social-header .sh-subcaption{border-right-color:rgba(170,65,65,.5)}
.fcss-column .social-header .sh-caption,.fcss-column .social-header .sh-subcaption{background-color:rgba(0,0,0,.3)}
.sh-subcaption{width:100%}
.social-network a:hover .social-icon{top:-8px}
.fcss-facebook{background:url(../img/fesweb-sprites-images.png) 0px 1px no-repeat no-repeat}
.fcss-google-plus{background:url(../img/fesweb-sprites-images.png) 0px -165px no-repeat}
.fcss-twitter{background:url(../img/fesweb-sprites-images.png) 0px -83px no-repeat}
.social-icon{width:85px;height:83px;float:left;position:relative;top:0;z-index:2;-webkit-transition:top .4s ease-out;-moz-transition:top .4s ease-out;transition:top .4s ease-out}
.reseaux-social{margin-left:-30px}
.fcss-column{margin-bottom:20px}
.wrapper-footer .bg_black{position:relative;z-index:9}
.grid_5 .txt11{padding-top:9px}
ul{background:0 0;margin:0;padding:0;border:0}
.cd-testimonials-wrapper{position:relative;width:90%;max-width:768px;margin:2em auto;-moz-osx-font-smoothing:grayscale;padding:20px 40px 70px;z-index:1}
.cd-testimonials-wrapper::after{content:'\201C';position:absolute;top:5px;left:0;width:50px;height:50px;padding-top:8px;margin-left:-20px;color:#fff;font-size:40px;text-align:center;display:none}




@media only screen and (min-width:768px){.cd-testimonials-wrapper{margin:4em auto;padding:145px 50px 114px}.cd-testimonials p{font-size:22px;font-size:1.375rem}}
@media only screen and (min-width:1170px){.cd-testimonials-wrapper::after{display:block}}
.cd-testimonials{color:#fff;text-align:center}
.cd-testimonials::after{clear:both;content:"";display:table}
.cd-testimonials>li{position:absolute;opacity:0}
.cd-testimonials>li:first-child{position:relative;opacity:1}
.cd-testimonials p{font-style:italic;line-height:1.4;margin-bottom:1em;padding:0 14px}
@media only screen and (min-width:1170px){.cd-testimonials p{font-size:26px;font-size:medium;line-height:1.6}}
.cd-author .cd-author-info,.cd-author img{display:inline-block;vertical-align:middle}
.cd-author img{width:32px;height:32px;border-radius:50%;margin-right:5px;box-shadow:0 0 6px rgba(0,0,0,.3)}
.cd-author .cd-author-info{text-align:left;line-height:1.2}
.cd-author .cd-author-info li:first-child{font-size:14px;font-size:.875rem}
.cd-author .cd-author-info li:last-child{font-size:12px;font-size:.75rem;color:#6b6b70}
@media only screen and (min-width:768px){.cd-author img{width:50px;height:50px}.cd-author .cd-author-info{line-height:1.4}.cd-author .cd-author-info li:first-child{font-size:16px;font-size:1rem}.cd-author .cd-author-info li:last-child{font-size:14px;font-size:.875rem}}
.flex-direction-nav li{position:absolute;height:100%;width:40px;top:0}
.flex-direction-nav li:first-child{left:0}
.flex-direction-nav li:last-child{right:0}
.flex-direction-nav li a{display:block;height:100%;width:100%;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.no-touch .flex-direction-nav li a:hover{background-color:transparent}
.flex-direction-nav li a::after,.flex-direction-nav li a::before{content:'';position:absolute;left:50%;top:50%;width:2px;height:13px;background-color:#fff}
.flex-direction-nav li a::before{-webkit-transform:translateY(-35px) rotate(45deg);-moz-transform:translateY(-35px) rotate(45deg);-ms-transform:translateY(-35px) rotate(45deg);-o-transform:translateY(-35px) rotate(45deg);transform:translateY(-35px) rotate(45deg)}
.flex-direction-nav li a::after{-webkit-transform:translateY(-27px) rotate(-45deg);-moz-transform:translateY(-27px) rotate(-45deg);-ms-transform:translateY(-27px) rotate(-45deg);-o-transform:translateY(-27px) rotate(-45deg);transform:translateY(-27px) rotate(-45deg)}
.flex-direction-nav li:last-child a::before{-webkit-transform:translateY(-35px) rotate(-45deg);-moz-transform:translateY(-35px) rotate(-45deg);-ms-transform:translateY(-35px) rotate(-45deg);-o-transform:translateY(-35px) rotate(-45deg);transform:translateY(-35px) rotate(-45deg)}
.flex-direction-nav li:last-child a::after{-webkit-transform:translateY(-27px) rotate(45deg);-moz-transform:translateY(-27px) rotate(45deg);-ms-transform:translateY(-27px) rotate(45deg);-o-transform:translateY(-27px) rotate(45deg);transform:translateY(-27px) rotate(45deg)}
@media only screen and (min-width:768px){.flex-direction-nav li{width:50px}}
@media only screen and (min-width:1170px){.flex-direction-nav li a::after,.flex-direction-nav li a::before{background-color:#5e5e63;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}.flex-direction-nav li a:hover::after,.flex-direction-nav li a:hover::before{background-color:#fff}}
.cd-see-all{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:50px;line-height:50px;background-color:#252527;text-align:center;color:#6b6b70;font-weight:700;font-size:12px;font-size:.75rem;-webkit-transition:color,.2s;-moz-transition:color,.2s;transition:color,.2s}
.no-touch .cd-see-all:hover{color:#79b6e4}
.cd-testimonials-all{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#fff;z-index:2;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.cd-testimonials-all .cd-testimonials-all-wrapper{position:absolute;left:0;top:0;height:100%;width:100%;overflow:auto}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul{width:90%;max-width:1170px;margin:4em auto}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul::after{clear:both;content:"";display:table}
.cd-testimonials-all .cd-testimonials-item{margin-bottom:2em;opacity:0;-webkit-transform:translate3d(0,0,0) scale(.4);-moz-transform:translate3d(0,0,0) scale(.4);-ms-transform:translate3d(0,0,0) scale(.4);-o-transform:translate3d(0,0,0) scale(.4);transform:translate3d(0,0,0) scale(.4);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.cd-testimonials-all p{position:relative;background:#79b6e4;color:#fff;padding:2em;-moz-osx-font-smoothing:grayscale;line-height:1.4;border-radius:.25em;margin-bottom:1em}
.cd-testimonials-all p::after{content:'';position:absolute;top:100%;left:2em;height:0;width:0;border:8px solid transparent;border-top-color:#79b6e4}
.cd-testimonials-all .cd-author{text-align:left;margin-left:1.5em}
.cd-testimonials-all .cd-author img{box-shadow:0 0 0 transparent}
.cd-testimonials-all.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper{-webkit-overflow-scrolling:touch}
.cd-testimonials-all.is-visible .cd-testimonials-item{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}
@media only screen and (min-width:768px){.cd-testimonials-all .cd-testimonials-item{width:46%;margin:0 2% 3em}
.cd-testimonials-all .cd-author{margin-left:1em}}
@media only screen and (min-width:1170px){.cd-testimonials-all .cd-testimonials-item{width:30%;margin:0 1.6666% 3em}}
.close-btn{position:fixed;display:block;width:40px;height:40px;top:10px;right:5%;overflow:hidden;text-indent:100%;white-space:nowrap}
.close-btn::after,.close-btn::before{content:'';position:absolute;display:inline-block;width:2px;height:24px;top:8px;left:19px;background-color:#39393c}
.close-btn::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.close-btn::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.btn-bar{max-width:346px;margin:0 auto;display:block;position:relative;top:40px;width:100%}
#buttons{padding:0 0 5px;float:right}
#buttons a{font-size:50px;outline:0;margin:0 60px;color:#b14943}
a#next:hover,a#prev:hover{color:#FFF;text-shadow:.5px 0 #b14943}
.quote-author,.quote-phrase{font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:19px;color:#FFF;font-style:italic}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.authorContainer,.quoteContainer{display:table;width:100%}
.titre-apropos{color:#777}
.PercentText,.Skill-Area{margin-top:9px;text-shadow:none;color:#fff;font-size:18px}
.box_s{border:3px solid #FFF;-webkit-box-shadow:0 0 12px -4px rgba(0,0,0,1);-moz-box-shadow:0 0 12px -4px rgba(0,0,0,1);box-shadow:0 0 12px -4px rgba(0,0,0,1)}
.Skill-Area{z-index:1;float:left;margin-left:15px}
.PercentText{z-index:3;position:relative;padding-right:15px;float:right}
.progress-Mobile,.progress-cms,.progress-html,.progress-php,.progress-seo,.progress-mar{margin:20px 0;overflow:hidden}
.myprogress{width:100%;height:45px}


.progress-php{background:#ea8564;position:relative}
.progress-php .progress-bar-php{background:#ddd;left:0;position:absolute;top:0}
.progress-html{background:#55a69f;position:relative}
.progress-html .progress-bar-html{background:#ddd;left:0;position:absolute;top:0}
.progress-seo{background:#99856d;position:relative}
.progress-seo .progress-bar-seo{background:#ddd;left:0;position:absolute;top:0}
.progress-cms{background:#c44e45;position:relative}
.progress-cms .progress-bar-cms{background:#ddd;left:0;position:absolute;top:0}
.progress-Mobile{background:#5aa669;position:relative}
.progress-Mobile .progress-bar-Mobile{background:#ddd;left:0;position:absolute;top:0}
.container_12 p{text-align:justify}
.content-CGV,.content-CSWM,.content-DLM,.content-PSW,.content-apropos,.content-contact,.content-devis,.content-offres{top:130px;position:relative;margin-bottom:150px;overflow:hidden}
#location{margin-top:20px;margin-bottom:25px}
.titre-devis{margin-bottom:35px}
.content-portfolios{overflow:hidden;z-index:1}
.content-CGV,.content-CSWM,.content-DLM,.content-PSW,.content-apropos,.content-contact,.content-devis{padding-left:27px!important}
.content-offres{padding-left:16px!important;overflow:hidden}
.para1 a{color:#00BFF3}
.col-md-12.para1 img{margin-left:0;height:205px;padding:0}
.container.content5{text-align:center;color:#007b96}
img.img-responsive.p2{margin-top:80px}
.container.content-offre,.container.content-portfolio{margin-bottom:40px}
.titre-offres{margin:10px 0 25px;font-family:cursive}
.titre-offres h3{color:#007b96;font-size:16px;line-height:2;margin-bottom:-15px;margin-left:10px}
.para-offres{color:#222;text-align:left;line-height:2}
i.fa.fa-hand-o-right{margin-right:5px}
.fancy-icon-offres{font-size:30px!important;text-align:center;position:relative;margin-left:1px;margin-top:4px;background-color:#01abce;width:60px;height:60px;padding-top:17px;border-radius:50%;color:#fff}
.fancybox-content-offres{padding-left:60px;float:right;margin-top:-84px}
.title-offres h2{font-size:23px;color:#2b2d30}
.color-title,.prix-offres{color:#00BFF3}
.prix-offres:hover{color:#000}
.form-control{background-color:#f5f5f5!important;border-radius:0!important}
.form-control:hover{background-color:#fff!important;transition:all .3s linear 0s}
form input,form textarea{border-width:1px!important;border-style:solid;border-color:#e9e9e9}
.ccontact h3{line-height:18px;font-weight:600;font-style:normal;color:#222;font-size:20px;letter-spacing:0}
.ccontact div{font-size:17px;font-weight:300}
.fancy-padding{padding-left:88px}
.fancy-icon1.icon-hover-style-1{float:left;margin-right:26px;margin-left:-3px;text-align:center;font-size:32px;color:#13151c;background-color:#fff;width:65px;height:65px;line-height:65px;border-style:none;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}
.header-contact :hover .fancy-icon1{background-color:#01abce!important;border-color:#01abce!important;color:#fff!important}
.btn-submit,.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover,.v-head,h1.title-head{color:#fff}iframe{border-width:0!important;width:475px;height:380px}
.button1{height:45px!important}
.btn-submit{border-color:#fff;background-color:#01abce;padding:12.5px 30px;float:right;font-size:14px;border-style:solid;border-width:1px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;margin:20px 0;letter-spacing:.1em;font-weight:300}
#map_container{position:relative}
#map{height:0;overflow:hidden;padding-bottom:22.25%;padding-top:30px;position:relative}
.text-culomn{font-weight:400;line-height:1.5;font-size:15px}
h1.title-head{font-size:28px;font-weight:700;background-color:#25385d;line-height:normal;padding:23px 0 23px 15px;border-left:4px solid #cd0404;margin:0 0 20px}
.box_s{width:450px;height:auto}
.box_s.img1{float:left}
.box_s.img2{float:right}
.top-head{margin-bottom:0}
.img-o{width:100%}
.offres1,.offres2{padding-top:10px;padding-bottom:10px}
.offres2{background-color:#f7f7f7}
.CGV-img,.PSW-img,.RSWM-img,.apropos-img,.c-s-w-r-img,.contact-img,.devis-img,.e-com-img,.etapes-img,.logicial-img,.offres-img,.offshore-img,.portfolio-img{position:relative;top:70px;padding-top:90px!important;background-position:center;background-repeat:no-repeat;background-size:cover;min-height:400px;transition:all .6s linear 0s}
.devis-img,.offres-img,.portfolio-img{top:45px!important}
.offshore-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/offshor1.jpg)}
.contact-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/image-contact.jpg)}
.devis-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/devis.jpg)}
.offres-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/offres1.jpg)}
.apropos-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/apropos.png)}
.portfolio-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/p.gif)}
.etapes-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/banner1.jpg)}
.logicial-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/graphique.png)}
.CGV-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/conditions-de-vente.jpg)}
.PSW-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/referencement.jpg)}
.e-com-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/e-com-site.jpg)}
.c-s-w-r-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/creation-site-responsive-design.jpg)}
.RSWM-img{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/referencement-site-web-maroc.jpg)}
.form-group{margin-bottom:30px!important}
.title-form{margin-bottom:50px}
.title-form h3{font-size:30px;font-weight:600}
.title-location h2{font-size:30px;margin-bottom:55px}
.text-center{margin:0}
.entry-content,.text-ref{text-align:justify;line-height:1.8}
.img-etapes img{float:left;margin-top:30px;margin-left:45px}
.img-e-com img{float:left}
.image-etape{width:250px;height:300px}
.image-etape.seo{margin-top:60px}
.text-PSW,.text-dev-logicial,.text-etape{text-align:justify;line-height:1.5em;float:left}
.grid,.grid figure{text-align:center;position:relative}
.img-dv img{float:left;margin-left:30px}
.img-PGW img{width:500px;height:400px!important}
.v-space{height:50px}
.text-dev-logicial h3{font-size:23px;line-height:normal;font-weight:500}
.grid {

	margin: 0 auto;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 412.953px;
    max-height: 309px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-roxy {
	background: #2f3238;
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
img.pic-image {
    width: 273px !important;
    height: 205px !important;
}
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
.content-portfolios .grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;display:none;float:left;overflow:hidden}
#filters{margin-top:50px}
.portfolio_filters ul li{display:inline-block}
.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.btn1{margin:.4em;padding:.5em 1em;background:#fff;color:#666;-webkit-tap-highlight-color:transparent;border:1px solid #909195}
.btn1:hover{border-color:#2098D1}
.portfolio_filters{margin-top:100px!important}
.active{background:#2098D1!important;color:#fff}
.list-unstyled{margin-bottom:20px}
#slide-parallax{overflow:hidden;padding-top:60px}
.jssora15l,.jssora15r{display:block;position:absolute;cursor:pointer;background:url(img/a15.png) no-repeat;overflow:hidden}
#crs4,.coursel1{position:relative;overflow:hidden}
.jssora15l{background-position:-20px -41px}
.jssora15r{background-position:-80px -41px}
.jssora15l:hover{background-position:-140px -41px}
.jssora15r:hover{background-position:-200px -41px}
.jssora15l.jssora15ldn{background-position:-260px -41px}
.jssora15r.jssora15rdn{background-position:-320px -41px}
.jssora15l.jssora15lds{background-position:-20px -41px;opacity:.3;pointer-events:none}
.jssora15r.jssora15rds{background-position:-80px -41px;opacity:.3;pointer-events:none}
.coursel1{margin:0 auto;top:5px;left:-30px;width:514px;height:408px;visibility:hidden}
.jssora15l,.jssora15r{top:0;width:20px;height:38px}
.jssora15l{left:8px}
.jssora15r{right:8px}
#crs2,#crs3{display:block;width:100%;height:100%;top:0;left:0}
#crs6,#crs7,#crs8{width:450px;height:300px}
#author1,#author2,#author3{position:absolute;width:200px;height:30px;z-index:0;font-size:18px;color:#fff;line-height:30px;text-align:center}
#crs1{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7)}
#crs2{filter:alpha(opacity=70);opacity:.7;position:absolute}
#crs3{position:absolute;background:url(img/loading.gif) center center no-repeat}
#crs4{cursor:default;top:0;left:0;width:514px;height:408px}
.crs5{background-color:rgba(0,0,0,0)}
#crs6{position:absolute;top:9px;left:36px;z-index:0;font-size:18px;color:#fff;line-height:30px;text-align:center}
#crs7{position:absolute;top:32px;left:34px;z-index:0;font-size:18px;color:#fff;line-height:30px;text-align:center}
#crs8{position:absolute;top:70px;left:33px;z-index:0;font-size:18px;color:#fff;line-height:30px;text-align:center}
#author1{top:353px;left:163px}
#author2{top:322px;left:159px}
#author3{top:285px;left:157px}
#inputTest{display:none}
@media screen and (max-width:768px) and (min-width:992px){.content4 .section4 titre1{text-align:center;margin-top:250px}#img2{position:absolute;margin-right:5px;margin-top:100px}}
@media only screen and (max-width:480px){.carte p iframe{width:100%}}

@media screen and (max-width:1024px) and (min-width:481px){.carte p iframe{width:100%}}

@media only screen and (max-width:320px){.logo3 img{max-width:200px}#logo-mobile{width:220px}.grid_5.txt11{padding-left:5px}.v-head{margin-left:15px}}

@media only screen and (min-width:1200px){#txt1,#txt2{margin-top:60px}#txt3,#txt4,#txt5,#txt6{left:-50px;float:left}#img1,#txt5,#txt6,#txt8{margin-top:100px}#img1,#img3{position:absolute;right:80px}#img2,#img3,#txt11{margin-top:50px}#txt12,#txt3,#txt7{margin-top:70px}#txt1{float:left;font-size:30px;margin-left:-160px}#txt2{float:left;left:-450px;font-size:26px}#txt4{margin-top:90px}#img2{position:absolute;margin-right:25px}#txt7{float:left;font-size:45px}#txt8,#txt9{float:left;font-size:30px}#txt8{left:-120px}#txt9{left:-80px;margin-top:120px}#txt10,#txt11,#txt12{font-size:40px;float:left;left:-50px}#txt10{margin-top:30px}#txt13{float:left;font-size:25px;left:-50px;margin-top:80px}}

@media only screen and (min-width:768px) and (max-width:991px){.v-head{margin-left:10px}.grid figure{max-width:369.95px!important;max-height:245px!important}.fcss-column .social-header{float:left;display:block;margin-left:-30px;z-index:-1;margin-top:0;width:290px}.imggm{margin-left:60px}.row.row-footer{margin-top:15px}img.img-responsive.p2{margin-top:-18px!important;margin-left:100px;max-width:500px;margin-bottom:-50px}.content-apropos{padding-left:18px!important}
.fcss-twitter{background:url(../img/fesweb-sprites-images.png) 0px -78px no-repeat}.fcss-google-plus{background:url(../img/fesweb-sprites-images.png) 0px -158px no-repeat}.fcss-facebook{background:url(../img/fesweb-sprites-images.png) 1px 3px no-repeat no-repeat}}

@media only screen and (min-width:768px) and (max-width:1189px){#txt1,#txt2,.grid{float:left}#txt5,#txt9{margin-top:120px}#img1,#img3{position:absolute;right:80px}#img3,#txt2,#txt7{margin-top:70px}#txt11,#txt3{margin-top:80px}#img1,#img2,#txt12,#txt4,#txt8{margin-top:100px}#txt13,#txt6{margin-top:140px}#txt1{font-size:30px;margin-left:-160px;margin-top:50px}#txt2{left:-450px;font-size:25px}#txt10,#txt11,#txt12{font-size:35px;float:left;left:-50px}#txt3,#txt4{float:left;left:-50px}#img2{position:absolute;margin-right:5px}#txt5,#txt6{float:left;left:-50px}#txt7{float:left}#txt8{float:left;left:-120px}#txt9{float:left;left:-80px}#txt10{margin-top:60px}#txt13{float:left;font-size:25px;left:-50px}}

@media only screen and (min-width:480px) and (max-width:789px){#txt1,#txt2,#txt3{float:left}#img1,#img2{position:absolute}#img1,#txt4{margin-top:80px}#txt1,#txt10,#txt2,#txt8{margin-top:50px}#txt11,#txt9{margin-top:60px}#img2,#img3,#txt12{margin-top:70px}
{margin-left:15px}#txt1{margin-left:-150px;font-size:25px}#txt2{font-size:24px;left:-200px}#txt3{left:-50px;font-size:26px;margin-top:55px}#txt4,#txt5,#txt6{float:left;font-size:25px}#img2{margin-left:100px}#txt5{left:-50px;margin-top:85px}#txt6{left:-50px;margin-top:90px}#txt10,#txt11,#txt12{font-size:35px;left:-50px;float:left}#txt7{float:left;left:-80px;margin-top:35px}#txt8{float:right;white-space:pre-wrap}#txt9{float:left;left:-80px}#img1{right:80px}#txt13{float:left;font-size:23px;left:-100px;margin-top:100px;color:#fff}#img3{margin-right:-50px}}

@media only screen and (min-width:320px) and (max-width:735px){#img1,#img2{position:absolute}.grid{overflow:hidden}.v-head{margin-left:15px; margin-bottom:64px}img.img-responsive.p2{margin-top:49px!important;margin-left:27px;margin-bottom:-32px}.container.titre-apropos h1{font-size:29px}.Skill-Area{margin-left:2px;font-size:10px;margin-top:15px;font-weight:900}.container.footer-top{padding-left:0;margin-top:-19px}.quote-phrase,.txt11{font-size:12px}#footer-top{height:900px!important}.grid_5.txt11{padding-left:5px;font-size:inherit;padding-bottom:10px}i.icon-footer{padding-top:0}p.txt11{padding-top:15px}h3.titre-footer{text-align:center;font-size:20px;padding-top:10px}.social-header .sh-caption{margin-left:25px}.fcss-column .social-header{margin-left:60px}.social-icon{margin-left:0px}.row.section4{margin-top:-70px}.section1{margin-top:-100px;padding-left:20px}.content4 .section4 .sous-titre1 h3,.content4 .section4 .titre1 h2{font-size:18px!important;text-align:center;font-style:normal;padding-left:10px}.section1 .titre1 h2{font-size:18px!important;color:#007b96;text-align:center;font-style:normal}.section1 .para1 p{margin-right:-10px}.content2 .section2{margin-top:-30px;margin-right:-25px;margin-left:-20px}.parallax{margin-top:-60px}.column2 .para2{margin-right:-33px}.section2 .para2{margin-right:-32px}.column1 .titre2 h3{font-size:18px!important;margin-left:10px}.column2 .titre2 h3,.column3 .titre2 h3{font-size:18px!important}.content4 .section4 .titre1 h2{color:#007b96}#txt1,#txt2{font-size:13px;float:left}.content4 .section4 .para1 p{margin-left:10px;margin-right:8px}.block-offres{margin-right:-37px;margin-left:-45px;margin-bottom:-50px}.section4 .content4{margin-left:10px;margin-right:0}.vc_empty_space{margin-bottom:-40px}#btn1{margin-bottom:10px}.section2{margin-bottom:-10px}.parallax2{margin-top:0}#txt1,#txt8{margin-top:25px}#txt10,#txt13,#txt7{margin-top:20px}#img1,#img3,#txt12,#txt4,#txt9{margin-top:40px}#txt1{margin-left:-40px}#txt2{left:-25px;margin-top:21px}#txt3{float:left;left:-50px;font-size:18px;margin-top:23px}#txt4,#txt5,#txt6{left:-60px;font-size:15px;float:left}#txt5{margin-top:45px}#txt6{margin-top:50px}#img2{right:-65px;margin-top:35px;margin-right:0}#txt7{float:left;font-size:17px}#txt8,#txt9{left:-80px;font-size:14px}#txt8{float:right;white-space:normal}#txt9{float:left}#img1{display:none}#txt10{float:left;font-size:20px;margin-left:-20px}#txt11,#txt12{position:absolute;font-size:25px;margin-left:-30px}#txt11{margin-top:30px}#txt13{float:left;font-size:12px;left:-50px;white-space:pre-wrap;margin-left:20px}#img3{display:none}}

@media screen and (max-width:991px){.grid,.open span{float:left}.open span,.sub-menu{position:absolute;overflow:hidden}.open span,.sub-menu li{clear:both;display:block}.grid figure{margin-left:5px!important}#nav-left li a,#nav-right li a{color:#777;border-top:1px solid #ccc}#logo-mobile{display:block;max-width:300px;top:0;left:50%;position:absolute;right:0;vertical-align:middle;z-index:100;text-align:center;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);height:100px;width:255px}#menu .logo3 img{transition:all .6s linear 0s}.logo4{display:none}#menu.header-fixed .logo4 img{max-height:92px!important;top:55px;transition:all .3s linear 0s}.titre-footer{font-size:15px}.txt11{font-size:12px}.open{position:absolute;top:20px;right:5px;width:50px;height:50px;display:block;cursor:pointer;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.open span{height:4px;width:40px;border-radius:40px;background-color:#fff;right:3px;top:3px;-webkit-transition:all .4s ease;transition:all .4s ease}.oppenned span:nth-child(2),.sub-menu{border-radius:50%;background-color:rgba(38,84,133,.54)}.open span:nth-child(1){margin-top:10px;z-index:9}.open span:nth-child(2){margin-top:25px}.open span:nth-child(3){margin-top:40px}.sub-menu{-webkit-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);height:0;width:0;right:0;top:0;z-index:18}.sub-menu li{float:right;height:auto;margin-right:-160px;-webkit-transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.button,.sub-menu li a{display:block;float:left}.sub-menu li:first-child{margin-top:180px}.sub-menu li:nth-child(1){-webkit-transition-delay:50ms}.sub-menu li:nth-child(2){-webkit-transition-delay:.1s}.sub-menu li:nth-child(3){-webkit-transition-delay:.15s}.sub-menu li:nth-child(4){-webkit-transition-delay:.2s}.sub-menu li:nth-child(5){-webkit-transition-delay:.25s}.sub-menu li a{color:#fff;font-family:Lato,Arial,Helvetica,sans-serif;font-size:16px;width:100%;line-height:40px}.oppenned .sub-menu{opacity:1;height:420px;width:400px}.oppenned span:nth-child(2){overflow:visible;height:420px;width:400px;right:-160px;top:-160px}.oppenned span:nth-child(1),.oppenned span:nth-child(3){z-index:100}.oppenned span:nth-child(1){-webkit-transform:rotate(45deg) translateY(12px) translateX(12px);transform:rotate(45deg) translateY(12px) translateX(12px)}.oppenned span:nth-child(3){-webkit-transform:rotate(-45deg) translateY(-10px) translateX(10px);transform:rotate(-45deg) translateY(-10px) translateX(10px)}.oppenned li{margin-right:168px}.button{clear:both;padding:20px 40px;background:#fff;border-radius:3px;border:2px solid #10a1ea;overflow:hidden;position:relative}.button:after{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;content:"";position:absolute;height:200px;width:400px;-webkit-transform:rotate(45deg) translateX(-540px) translateY(-100px);transform:rotate(45deg) translateX(-540px) translateY(-100px);background:#10a1ea;z-index:1}.button:before{-webkit-transition:-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);content:attr(title);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;z-index:2;text-align:center;padding:20px 40px;-webkit-transform:translateY(200px);transform:translateY(200px)}.button:hover{text-decoration:none}.button:hover:after{-webkit-transform:translateX(-300px) translateY(-100px);transform:translateX(-300px) translateY(-100px)}.button:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}}

@media screen and (max-width:1200px){.col-md-12.col-lg-12.col-sm-12.para1{margin-left:7px!important}.wrapper{padding:7px!important;margin-left:-2px!important}.pic{margin:0!important}img.img-responsive.p2{margin-top:102px}}

@media screen and (min-width:992px){#bs-example-navbar-collapse-1{display:block}.v-head{margin-left:20px;overflow:hidden}.content-apropos{padding-left:7px!important}.footer-top-1.col-xs-12.col-lg-4.col-md-4.col-sm-4{position:relative;min-height:1px;padding-right:0;padding-left:0}.footer-top-2.col-xs-12.col-lg-4.col-md-4.col-sm-4{position:relative;min-height:1px;padding-right:0;padding-left:35px}.footer-top-3.col-xs-12.col-lg-4.col-md-4.col-sm-4{position:relative;min-height:1px;padding-right:0;padding-left:0}.txt11{font-size:12px;line-height:16px;padding-top:13px}}

@media screen and (orientation:landscape){img.{max-height:90%}}

.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  color: #b0b0b0;
  border: 2px solid #e8e8e8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
   background: rgba(0, 0, 0, 0.10)url(../img/cd-top-arrow.svg) no-repeat center 50%;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
   z-index:2
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #428bca;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
	z-index:2
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
	z-index:2
  }
}

.h1, h1 {
    font-size: 39px;
}

div#go
{
	text-align: center;
}
div#testcpt {
    text-align: center;
    font-size: xx-large;
	margin-bottom: 40px;

}

.progress-mar{background:#ea6190;position:relative}
.progress-mar .progress-bar-mar{background:#ddd;left:0;position:absolute;top:0}

img#list7 {margin-left: 324px;display: block;MARGIN-TOP: -49px}
img.germany { display:none;width:32px;height:auto}
@media only screen and (max-width: 991px){img#list7{display:block}img.germany{display:block;margin-left:26px;margin-top: 30px}}


div#nn {
    margin-left: 63px;
}


.stats-heading {
	margin: 0 auto 40px;
	max-width: 720px;
	text-align: center;
}

.stats-heading .section-title {
	margin-bottom: 15px;
}

.stats-row,
.legacy-counter-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    /* margin: 0; */
}

.legacy-counter-row .stat-item {
	text-align: center;
}

.stat-value {
	display: block;
	font-family: hacen-beirut-md;
	font-size: 60px;
	color: #007994;
	line-height: 1;
}

.stat-label {
	display: block;
	font-family: hacen-beirut-md;
	font-size: 30px;
	color: #a4a4a4;
	line-height: 1.3;
}

@media only screen and (max-width: 991px) {
	.stat-value {
		font-size: 48px;
	}

	.stat-label {
		font-size: 24px;
	}
}

@media only screen and (max-width: 575px) {
	.stats-row,
	.legacy-counter-row {
		gap: 10px;
	}

	.stat-value {
		font-size: 36px;
	}

	.stat-label {
		font-size: 20px;
	}
}

.fancybox-content1.col-xs-12.col-sm-12.col-md-12.col-lg-12{
	padding:0px;
}

section#cent {
    text-align:center
}

.appmobile-img {
    background-image: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/application-mobile.jpg);
}
.psd-img {
    background-image: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/psd-to-html.jpg);
}
.webmarketing-img {
    background-image: linear-gradient(rgba(0,0,0,.7),rgba(0,1,1,.7)),url(../img/web-marketing.png);
}
.bgwmarketing{
   /* background-image: linear-gradient(rgba(0,121,148,1),rgb(0, 208, 255,.8)),url(../img/fesweb-webmarketing-message-bottom.png);*/
       background-image: linear-gradient(rgb(0,121,148,1),rgb(255,255,255,.1)),url(../img/fesweb-webmarketing-message-bottom.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
	    margin: auto 0;
    padding-top: 8%;
    font-family: cursive;
    font-style: italic;
    font-size: 21px;
    font-weight: bold;
    color: darkred;
    text-shadow: 2px 1px 8px #fff;
    text-align: justify;
}


.psd-img,.appmobile-img, .webmarketing-img{
    position: relative;
    top: 70px;
    padding-top: 90px!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    transition: all .6s linear 0s;
}


.clr {
color: red;
}
.fa-heart {
animation:fa-heart 5s ease infinite;
}
@keyframes fa-heart {
0% {
transform:scale(1);
}
5% {
transform:scale(1.25);
}
20% {
transform:scale(1);
}
30% {
transform:scale(1);
}
35% {
transform:scale(1.25);
}
50% {
transform:scale(1);
}
55% {
transform:scale(1.25);
}
70% {
transform:scale(1);
}
80% {
transform:scale(1.25);
}
}
 #contact-form{padding:0px 0 0 0;}
 #contact-form .success{width:246px;margin-bottom:10px;text-align:center;}
 #contact-form textarea, #contact-form input{margin:0;font-size:12px;border:none;color:#7a7a7a;padding:8px 14px 12px;outline:none;position:relative;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid #efefef;box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;-khtml-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;-moz-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;-ms-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;-o-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;-webkit-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;}
 #contact-form input{width:316px;float:left;}
 #contact-form textarea{overflow:auto;width:90%;height:200px;resize:none;float:left;margin:0 0 0 0;font-family:'OpenSansRegular';}
 #contact-form label{display:block;min-height:45px;overflow:hidden;}
 #contact-form label.message{display:block;padding-bottom:0;}
 #contact-form .button{margin-left:17px;}
 #contact-form .error, #contact-form .empty, #contact-form .success{display:none;}
 #contact-form .error, #contact-form .empty{text-align:left;color:red;font-size:11px;float:left;padding-top:5px;}
 #contact-form .buttons2{overflow:hidden;text-align:right;position:relative;clear:both;padding-top:10px;}
 #contact-form .buttons2 a{cursor:pointer;margin-top:0;text-align:center;}
 #contact-form span{display:block;margin:0px 0 0 5px;}





/* Inline reCAPTCHA error message */
.recaptcha-error{
	color:#c00;
	margin-top:6px;
	font-size:12px;
}

/* small spacing above v2 widget */
#contact-form .g-recaptcha{margin-top:8px;}