@charset "utf-8";

:root{
	--custom--spacing--inter:calc(((100% - 1100px)/2) * -1);
--custom--spacing--outer:calc((100% - 1100px)/2);
--custom-body-width:1100px;
@media  (max-width: 1100px) {105
	--custom--spacing--outer:20px;
	--custom-body-width:100%;
}
}



/* CSS Document */
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }

@font-face {font-family:"Champagne"; src:url(fonts/Champagne_Limousines.ttf) format("truetype");}
@font-face {font-family:"Roboto"; src:url(fonts/Roboto-Condensed.ttf) format("truetype");}
@font-face {font-family:"RobotoCB"; src:url(fonts/RobotoCondensed-Bold.ttf) format("truetype");}
@font-face {font-family:"RobotoBold"; src:url(fonts/Roboto-Bold.ttf) format("truetype");}
@font-face {font-family:"RobotoThin"; src:url(fonts/Roboto-Thin.ttf) format("truetype");}
@font-face {font-family:"RobotoLight"; src:url(fonts/Roboto-Light.ttf) format("truetype");}
@font-face {font-family:"RobotoMedium"; src:url(fonts/Gotham-Medium.otf) format("opentype");}
@font-face {font-family:"Roboto-Black"; src:url(fonts/Roboto-Black.ttf) format("truetype");}
@font-face {font-family:"Antonio-Bold"; src:url(fonts/Antonio-Bold.ttf) format("truetype");}
@font-face {font-family:"Poppins-Regular"; src:url(fonts/Poppins-Regular.ttf) format("truetype");}
@font-face {font-family:"Poppins-Thin"; src:url(fonts/Poppins-Thin.ttf) format("truetype");}
@font-face {font-family:"Poppins-Light"; src:url(fonts/Poppins-Light.ttf) format("truetype");}



@font-face {font-family:"Poppins-Medium"; src:url(fonts/Poppins-Medium.ttf) format("truetype");}

@font-face {font-family:"Poppins-Bold"; src:url(fonts/Poppins-Bold.ttf) format("truetype");}

body{position:relative; margin:0;  padding: 0 0; font-family:Roboto; font-size:14px;color :#000;cursor: url(images/cursor.png) 4 12, auto;}
.left {float:left;}
.right{float:right;}
.clear{clear:both; display:block;}
ul{margin:0; padding: 0; list-style:none;}
ul li{float:left; margin:0 15px;}
/*.section-txt ul li { width : 100% ; list-style: disc;  margin: 0 32px; }*/

.menu_home{cursor:pointer;}
.menu_home li{position:relative;}
.menu_home ul li .sub-menu { position: absolute; top: 150%; left: -18px;  z-index: 1000;float: left;min-width: 243px; padding: 0;  
text-align: left; list-style: none; background-color:#fff;color: #fff; background-clip: padding-box;opacity: 0; border-radius: 0px; 
visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px);transition: all .4s ease, visibility .4s ease;
box-shadow: 0px 10px 18px rgb(156 146 146 / 72%);}
.menu_home ul li li{float:none;}
.menu_home ul li:hover>.sub-menu {opacity: 1; visibility: visible; -webkit-transform: translateY(0);  transform: translateY(0);}
.menu_home li .sub-menu li { float : none ;  font-size: 12px; line-height: 22px; width:calc(100% - 20px);
text-align:left; padding:12px 10px;  margin:0;}
.menu_home li .sub-menu li  a { color:#000; transition: all .4s ease; position : relative ; display:block; width:100%;
text-transform:capitalize; margin:0 ; padding:0 0;font-size:14px; display:inline; font-family:RobotoLight;
-webkit-transition: all 0s ease-out, padding-left 0.3s ease-out;    -moz-transition: all 0s ease-out, padding-left 0.3s ease-out;
    -ms-transition: all 0s ease-out, padding-left 0.3s ease-out; transition: all 0s ease-out, padding-left 0.3s ease-out;
    -o-transition: all 0s ease-out, padding-left 0.3s ease-out;   	} 

/*.menu_home li .sub-menu li:hover{background:#ffc709;}*/
.menu_home li .sub-menu li:hover a{color:#ffc709;}
/*.menu_home li .sub-menu li:before{content:'>'; padding:0 7px; float:left; line-height:18px; opacity:0; left:-9px;}
.menu_home li .sub-menu li:hover:before{opacity:1; left:-2px;}*/

/*#whyus ul{list-style: disc;}*/
.section_1 ul li { width :  100%}
.section_1 ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #93278F; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0.5em; /* Also needed for space (tweak if needed) */
  margin-left: -0.5em; /* Also needed for space (tweak if needed) */
}

	a{text-decoration :none; color:#000; cursor:pointer;}
	.active a:first-child{color:#9a39ee;}
	.menu_home  strong{font-weight:normal;}
.container{width:calc(100% - 40px); margin:0 auto; max-width:1100px;}
.container-max{width:calc(100% - 20px); margin:0 auto; max-width:1300px;}
header{padding: 10px 0; position:relative; width:100%; top:0; left:0; z-index:100; background:rgba(255,255,255,0.88);}
.menu_home li.active{ border-bottom : solid 2px #6e08d1 }
header.shrink{position:fixed; padding:5px 0; box-shadow:1px 1px 1px #f1f1f1;}
.shrink .logo{ width:200px;}
.logo img{max-width:100%; width : 185px }
body.onscroll{ padding:101px 0 0;}
header nav{padding:28px 0 0; font-size:16px; font-family:Poppins-Light; display:inline-block;}
div.wp-block-template-part{margin-block-start:0 !important;}
#banniere{height:calc(100vh - 130px); position:relative; z-index:0; max-height:690px;
 background-image:url(images/slide2.jpg);  background-repeat: no-repeat; background-size:100% auto;}



.icon-right-open:before {  content: "/";font-size: 14px; margin-left:7px; font-family:'FontAwesome';}


.breadcrumb {display: inline-block;    width: 100%; padding:20px 0;}
.breadcrumb li{display: inline-block;    float: left;    padding-right: 15px; margin:0;}
.section-img.active{-webkit-animation-name: shake;   animation-name: shake; -webkit-animation-duration: 1s;
  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.section-img { width : 550px ; padding :0 50px 0 0}
.section-info { width : calc(100% - 600px)  ; }
.section-left-img img  , .section-img img{  max-width : 100%}
.sloganBig { font-family: Champagne;  font-size: 25px;  color: #fff;   padding-left: var(--custom--spacing--outer); width: 30%;  position: relative;   transition-property: bottom;   transition-duration: 4s;transition-delay: 2s;  top: 100%;  text-align: justify;   max-width: 376px; z-index: 200; }
.section-txt { margin : 25px 0 0 0 ; max-width: calc(100% - 100px); }
.section-txt .desc-section { max-width: calc(100% - 85px); }
.slogan{text-transform:uppercase; font-family:Champagne; font-size:63px; color:#fff; padding-left:var(--custom--spacing--outer);
width:30%; position:relative;transition-property: bottom;  transition-duration: 4s;  transition-delay: 2s; top:100%; text-align:justify;
max-width:376px; z-index:200}
.section-info { width: calc(100% - 646px);  text-align: center; }
.slogan.active{transition:all 1s; top:17%; height:auto; font-weight:normal;}
.sloganBig.active {  transition: all 1s;  top: 20%;  height: auto;  font-weight: normal;}
#personnel{position: absolute; bottom:0; height:100%; right:0; width:75%;}
.bg-left {  height:1614px; width: 500px ;  position : absolute ;    bottom: -37px;left: 0px ;   background-image:url(images/bg-left.png); background-size : 100% ; background-repeat : no-repeat}
.bg-right {height: 1903px; width: 700px; position: absolute;   top: -88px;  right: 0px; background-image: url(images/bg-right.png); background-size: 100%;  background-repeat: no-repeat;}
.relative { position : relative}
.slash{display:inline-block; height:100%;    overflow: hidden; position:relative; z-index:0; float:right; max-width:755px;}
.slash .one{width:321px; height:100%; background-image:url(images/one.png);}
.slash .two{width:386px; height:100%; background-image:url(images/two.png);}
.slash .three{width:175px; height:50%; margin:0 0 0 -68px; background-image:url(images/three.png);}
.elem-w{float:left;background-size:100% auto; background-repeat:no-repeat;transform: translate(0, -100%);}
.elem-w.two{transform: translate(0, 100%);}
.active.elem-w{transform: translate(0, 0) ;  transition: transform 1s;}
.personne{opacity:0;}
.personne.active{opacity:1; transition:opacity 1s;}
.relative{position:relative; width:100%; height:100%;}
.personnel-list{position:absolute; bottom:0; right:0; height:100%; width:100% ; z-index:1;}
.personne.developpeur{ width: 176px;background-image: url(images/developpeur.png);  z-index: 3; position: relative; margin: 64px 115px 0 -342px;transform: translate(100%, 0);}
.personne.developpeur.active,.personne.designer.active{transform: translate(0, 0);}
.personne.developpeur.active,.personne.designer.active{transition: all 1s}
.personne.charge{width:624px;background-image:url(images/charge.png); z-index:2;position:relative; margin:0 0px 0 -120px;}
.personne.gerant{width:360px;background-image:url(images/gerant.png);margin: 0 0 0 -120px;    z-index: 1; position:relative;}
.personne.designer{ width: 176px;  background-image: url(images/design.png); position: relative;  z-index: 1;   transform: translate(-100%, 0);      margin: -105px -105px 0 0;}
.personnel-list .personne{height:100%; background-repeat:no-repeat; background-size:100% auto;
background-position:left bottom; float:right; min-width:120px;}

.margin { height : 30px}
.section_1{   width: calc(100% - 100px);  padding: 0 50px;display:inline-block; margin:75px 0 40px 0; position:relative;  display:flex;}
.desc-section { font-family: Poppins-Thin;  line-height: 39px; font-size: 18px;  text-align: justify;   }
.desc-section strong {font-family:  Poppins-Regular ; font-weight : normal}
.section-left { /* padding-left: var(--custom--spacing--outer); */ }

.section-right {    padding: 0 0 0 50px;}
.section_1 h1 , .section_1 h2{ text-align : left ;  font-weight: normal; margin: 0 8px 0 0;   width: calc((var(--custom-body-width) / 2) - 12px);   padding-top: 20px; padding-bottom: 20px;  padding-left: var(--custom--spacing--outer);font-family: Poppins-Bold; font-size: 38px;  padding-top: 15px;  padding-bottom: 15px; line-height: 46px; color: #93278F; }
.section_1 h2 { padding-left : 0px  ; }
.section_1 h3 {font-size: 18px;  font-family:  Poppins-Bold ;  text-align : left  }
.section_1 .section_media{max-width:50%; position:absolute; top:0; right:0; z-index:0; height:100%; overflow:hidden;}
.section_1 .section_description{position:relative; z-index:1; flex:1;}
.section_media img{max-width:100%;}
.section_1 .bg_n{margin:10px 0 0;
	width:calc(100% - (var(--custom--spacing--outer) * 2));padding-top:40px; padding-bottom:40px;background:rgba(0,0,0,0.75);  padding-left:var(--custom--spacing--outer);}
.section_1 p{color:#fff;  font-family:RobotoThin; width:calc((var(--custom-body-width) / 2) - 80px); font-size:16px; text-align:justify;}
.section_1 p strong{font-weight:normal;}



/** slick **/

.slick-slider{    position: relative;  display: block;    box-sizing: border-box;
    -webkit-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;
    -webkit-touch-callout: none;    -khtml-user-select: none;    -ms-touch-action: pan-y;        touch-action: pan-y;    -webkit-tap-highlight-color: transparent;
}

.slick-list{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);       -moz-transform: translate3d(0, 0, 0);        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);            transform: translate3d(0, 0, 0);}

.slick-track {    position: relative;    top: 0;    left: 0;    display: block;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{    display: none;    float: left;    height: 100%;    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}

.slick-loading .slick-list{    background: #fff url('./ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face{font-family: 'slick'; font-weight: normal; font-style: normal;
 src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,.slick-next{font-size: 0; line-height: 0; position: absolute; top: calc(50% - 100px); margin-top:50px;    display: block;
      padding:12px 18px 12px 20px;  border:1px solid #000; border-radius:50%;  cursor: pointer;  z-index:100;     outline: none; background:transparent;}
.slick-prev{padding:12px 20px 12px 18px;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{    color: transparent;    outline: none;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{    opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{    opacity: .25;}
.slick-prev{left:2px;} .slick-next{right:2px;}
.slick-prev:before{content:'\f0d9'; font-family:FontAwesome;}
.slick-next:before{content:'\f0da';font-family:FontAwesome;}
.slick-prev:before,.slick-next:before{    font-size: 20px;    line-height: 1;    opacity: .75;    color: #000;
    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}





/* Dots */
.slick-dotted.slick-slider{    margin-bottom: 30px;}
.slick-dots{    position: absolute;    display: block;    width: 100%;    padding: 0;    margin: 0; margin-top:20px;
    list-style: none;    text-align: center;}
.slick-dots li{    position: relative;	display: inline-block;	width: 20px;    height: 20px;     padding: 0;	cursor: pointer;}
.slick-dots li button{    font-size: 0;    line-height: 0;    display: block;    width: 20px;    height: 20px;    padding: 5px;    cursor: pointer;
    color: transparent;    border: 0;    outline: none;    background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{    outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{    opacity: 1;}
.slick-dots li button:before{    font-family: 'slick';    font-size: 6px;    line-height: 20px;
    position: absolute;    top: 0;    left: 0;    width: 20px;    height: 20px;    content: '•';    text-align: center;
    opacity: .25;    color:#df1f26;	background:#fff;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{    opacity: .75;    color:#df1f26;}

.desc-section a { color : #d71780}


/** fin slick **/


.section{display:block; clear:both; }
.section_2 h2{color:#F9CB0D; font-weight:normal; font-size:76px;  margin :40px 0 ; letter-spacing:5px}
.style2h{color:#F9CB0D; font-weight:normal; font-size:57px;  margin :40px 0 ; letter-spacing:5px}
.section_2 h2 span{display:block; clear:both; font-family:RobotoLight;font-size:54px;}
.style2h span{display:block; clear:both; font-family:RobotoLight;font-size:42px;}

.slogan_devis1{font-size:15px; line-height:24px;font-family: RobotoThin; font-weight:bold;}

.confiance_a_wemdev{margin:30px 0 30px;}
.head_container{margin:0 0 30px 0;}

.style2h{margin-bottom:0;}
.slogan_devis{position:relative; max-width:45%; margin: - 20px 0 0; font-family: RobotoThin; font-size:16px; font-weight:bold;}
.slogan_section{    position: relative;    width: 45%;    font-family: RobotoThin;
    font-weight: bolder;    font-size: 18px;    line-height: 30px;    padding: 0 75px 30px 0;}
.slogan_section:before,.slogan_devis p:before{width:50px; height:50px;content:'';position:absolute ; top:-25px; left:-50px; background-image:url(images/quote1.png) ;
background-position:left top ;background-repeat:no-repeat;}

.slogan_section:after,.slogan_devis p:after{width:50px; height:50px;content:'';position:absolute ; bottom:17px; right:25%; background-image:url(images/quote1.png) ;
background-position:left top ; background-repeat:no-repeat;  transform: rotate(180deg) ;}
.slogan_section.active:before,.slogan_devis.active p:before{-webkit-animation-name: shake;   animation-name: shake; -webkit-animation-duration: 1s;
  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.slogan_devis p:after{bottom:-4px; right:10%}

@-webkit-keyframes shaker {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0) rotate(180deg) ;    transform: translate3d(0, 0, 0 ) rotate(180deg) ;  }
  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0) rotate(180deg) ;    transform: translate3d(-10px, 0, 0) rotate(180deg) ;  }
  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0) rotate(180deg) ;    transform: translate3d(10px, 0, 0) rotate(180deg) ;  }
}
@keyframes shaker {
  0%, 100% {    -webkit-transform: translate3d(0, 0, 0) rotate(180deg) ;    transform: translate3d(0, 0, 0) rotate(180deg) ;  }
  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0) rotate(180deg) ;    transform: translate3d(-10px, 0, 0) rotate(180deg) ;  }
  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0) rotate(180deg) ;    transform: translate3d(10px, 0, 0) rotate(180deg) ;  }
}
.slogan_section.active:after,.slogan_devis.active p:after{-webkit-animation-name: shaker;   animation-name: shaker; -webkit-animation-duration: 1s;
  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.slide_in{margin:20px 0 0;}

.bg-yellow{background-image:url(images/slide_service.jpg); background-repeat:no-repeat;margin:100px 0 0; padding:0 0 30px;
    }
.section_service h2{font-size:81px; color:#fff; margin:-75px 0 20px; padding:0; font-weight:normal; font-family:Roboto; 
display:inline-block; line-height:75px; text-transform:uppercase;}
.section_service h2 span{display:block; clear:both; color:#F9CB0D;}
.section_service .des-yellow p{position:relative; font-size:20px; color:#fff;  padding:35px 50px ; line-height:32px; letter-spacing:2px;}
.section_service .des-yellow p:before{position:absolute; top:0; left:0;filter: brightness(0) invert(1); content:""; width:50px; height:50px;
	background-image:url(images/quote1.png) ;background-position:left top; background-repeat: no-repeat; }
.section_service .des-yellow.active p:before{-webkit-animation-name: shake;  animation-name: shake;
 -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}	
.section_service .des-yellow p:after{ position:absolute; bottom:20px; right:20px; content:""; width:50px; height:50px; filter:brightness(0) invert(1);
transform: rotate(180deg);background-image:url(images/quote1.png) ; background-position:left top ; background-repeat:no-repeat;}
.section_service .des-yellow.active p:after{-webkit-animation-name: shaker;   animation-name: shaker;
 -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}	


.section_service strong{font-weight:normal;}

.list-service-accueil{display:flex;}
.service-item{width:calc((100% - 120px)/3); padding:20px; text-align:center}
.service-item:hover{ -webkit-animation-name: pulse; animation-name: pulse;}
.service-item a{display:inline-block; height:100%;}
.service-item .contenu{position:relative; overflow:hidden; text-align:center;     width: calc(100% + 25px);
    padding-right: 25px; min-height:calc(100% - 151px);}
.service-item .contenu p{display:inline-block; max-width:280px; line-height:21px; position:relative; z-index:1;
padding:0; margin:0;}
.service-item .contenu.shadow:after{position: absolute; right: -60px; top: 0; width: 57px; border-radius: 50%; height: 90%;
box-shadow: -11px 0px 23px 9px #edecec;    content: ''; z-index:0;}

.service-item h3{color:#F9CB0D; font-size:22px; font-weight:normal; font-family:RobotoLight;}
.top_service {min-height:173px;}
.icon-1{background-image:url(images/siteweb.png);}
.icon-2{background-image:url(images/siteecommerce.png);}
.icon-3{background-image:url(images/applicationweb.png);}
.icon-5{background-image:url(images/identiteviselle.png);}
.icon-4{background-image:url(images/refrencement.png);}
.icon-6{background-image:url(images/emarketing.png);}
.service-item .icon{width:115px; height:62px; margin-top:0;background-repeat:no-repeat; font-style:normal; display:inline-block;
background-size:auto 100%; background-position:bottom center;margin-bottom:8px;}  
.service-item .icon.icon-1{height:57px;margin-top:13px; margin:bottom:3px;}
.service-item .icon.icon-3{}
.service-item .icon.icon-2{height:55px;margin-top:15px; margin-bottom:5px;}
.service-item .icon.icon-5{height:70px; margin-top:0; margin-bottom:0}
.section_2 img{width:100%;}
::selection {
  background-color: #c76e6e;
}

.center{text-align:center;}
.displayblock{display:inline-block}
.image_grise{filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.image_grise:hover{filter: none; -webkit-filter: none; cursor:pointer;/* -webkit-animation-name: swing;  animation-name: swing;
 -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; */ }

.devis_section{    margin-top: 20px;position:relative ;min-height:511px;background-image:url(images/bg-contact.jpg); background-size: cover ;
background-repeat:no-repeat;}
@media  (max-width: 1800px) {
	.devis_section{background-attachment:fixed; }
}
.intergo{position:absolute; bottom:0px; left:0; width:100%; height:100%; background:url(images/intr.png) left bottom no-repeat;
z-index:1; padding-bottom:20px;     background-size: 100% auto;}
.devis_section .container { text-align : left ; position: relative;  z-index: 2; padding: 89px 0 0;        width: 500px;  position: absolute;   right: 30%;}
.devis_section h2{color:#fff; letter-spacing: 4px;  font-weight:normal;  font-size: 40px; font-family:Poppins-Thin ; padding-left:55px;}
.devis_section h2 strong{font-family:Poppins-Bold ; font-weight : normal }
.devis_section .btn{cursor : pointer ; background: transparent; border: 3px solid #e21981;  padding: 9px 25px;  color: #fff; font-size: 24px; cursor: pointer; text-transform: none; margin-left: 50px;   border-radius: 29px;font-family: 'Poppins-Medium';}
.devis_section .btn:hover { background : #e21981 ; color : #fff}
.section-adresse { margin : 40px auto 0 auto }
.copyright {    margin: 20px 0; font-size : 16px }
.box-adresse { line-height: 33px; font-family : RobotoLight ; margin : 20px 0 ; font-size: 18px;}
.social { text-align : center}
.suivez {     margin: 10px 0; color : #91278D ; font-family : Poppins-Medium ; font-size : 23px }
.mentions  header { border-bottom: solid 2px #ca187d; }
.mentions { font-family: Poppins-Regular;  font-size : 17px }
.mentions .con_mentions {   margin: 40px auto; }
/*.nos-client{display:grid; grid-auto-rows: 1fr;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr); } */
.nos-client .client{float:left; height:70px; width:calc((100% - 100px)/5); margin:20px 10px; position:relative; text-align:center;}
.nos-client .client img{max-height:100%; max-width:80%;/*
-webkit-transform: translate(0%,-50%);    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);    -o-transform: translate(0%,-50%);  transform: translate(0%,-50%);*/
}
footer{background:#3f037c; padding:30px 0; }
.head_container h2{width:30%; font-size:55px; color:#F9CB0D; font-weight:normal;}

.footerlg{margin:0 0 20px;}
.footerlg img{max-width:180px;}


.not-visible{visibility:hidden;}

.animate-element-p {padding:60px 0 0}

.p1:hover{   -webkit-animation-name: swing;  animation-name: swing;}
.p2:hover{  -webkit-animation-name: swing;  animation-name: swing;}
.p3:hover{    -webkit-animation-name: swing;  animation-name: swing;}
.p4:hover{   -webkit-animation-name: swing;  animation-name: swing;}
.p5:hover{   -webkit-animation-name: swing;  animation-name: swing;}

.coord-i{line-height:23px;}
.icon{font-style:normal; padding-right:7px;}
.icon:before{font-family:FontAwesome;}
.icon-white-tel:before{content:'\f095';color:#fff;}
.icon-white-adresse:before{content:'\f041';color:#fff;}
.icon-white-email:before{content:'\f003';color:#fff;}

.reseaux_sociaux .icon{color:#fff;    font-size: 20px;
    border-radius: 18px;}
.fa-facebook:before{content:'\f09a';}
.fa-twitter:before{content:'\f099';}
.fa-instagram:before{content:'\f16d';}
.res_soc { background: #000;  margin:0 5px; border-radius: 50%;  width: 30px;  height: 30px; }
.res_soc a	{ display: inline-block;   width: 20px;  height: 20px;  padding: 5px 5px 5px;  text-align: center; margin: 0 3px;}
#suiveznous h4{margin:18px 0 8px;}
.reseaux_sociaux .displayblock{margin:0 0 0 11px;}
.show-me-mobile{display:none;}


.dflex{display:flex;}
.bg-dark{background:rgba(0,0,0,0.7); color:#fff; width:calc(100% - 80px); padding:40px; margin:20px 0;}
.titre_devis{text-transform:uppercase; border-right: 6px solid #3f037c; font-size:52px; padding-right:16px; width:calc(100% - 30px);}
.with13{width:30%; min-width:360px;}
.width23 {width:70%; max-width:calc(100% - 380px); margin-left:20px;}
.width23 .personne-elem {max-width:20%;}
.width23 .personne-elem img{max-width:100%;}
.checkbox{margin:0 3px;}
.checkbox label input{float:left;}
.checkbox h2{margin:0 2px; padding:0 2px; float:left; font-weight:normal; font-size:13px;}
.group-checkbox .checkbox {width:31%; margin:4px 1%;}

.backtotop{position:fixed; bottom:10px; right:10px;z-index:3000; background:rgba(0 ,0,0,0.7); color:#ffff; border-radius:50%; padding:10px 15px 13px 15px;
font-weight:bold; font-size:16px;}
.backtotop:before{font-family:FontAwesome; content:'\f106';}
.input-group{width:calc(50% - 10px); margin:10px 0 10px 10px; float : left}
.input-group.f1{width:calc(50% - 20px); margin:5px 10px 5px 0;}
.input-group input , .input-group textarea{ width: calc(100% - 30px);padding: 2px 5px; line-height: 47px;   border-radius: 0; border: none; box-shadow: none; outline: none; background: #e9e9e9;}
.input-group select{width:calc(100% - 30px); padding:2px 5px;  line-height: 26px; border: 1px solid #3f037c; height:30px; border-radius:8px;  outline:none;}
.input-group.w-100{width: calc(100% - 10px);  margin: 10px 0 10px 10px;}
.imgtop { margin : 104px 0 0 0}
.group-checkbox{margin:8px 0 25px;}
form .btn{  cursor: pointer;
    background: transparent;
    border: 3px solid #e21981;
    padding: 4px 25px;
    color: #000;
    margin:25px 0;
    cursor: pointer; font-size : 22px ;
    text-transform: none;
    margin-left: 50px;
    border-radius: 29px;
    font-family: 'Poppins-Medium';
}
.mTop { margin : 15% 0 0 0}
.body-devis h4 ,.body-devis h5 {
font-size: 25px; padding-left: 55px; font-family: Poppins-Thin ;margin : 10px 0 ;   font-weight: 100; color : #fff }
form .btn:hover { background: #e21981 ; color : #fff}

input:focus,input:blur,input:focus-visible{border-color:transparent; outline:none;}
input.error,textarea.error,.error {border:1px solid red !important;}
.notebi{  color: #c76e6e; display:inline-block; margin:6px 0 0; font-size:11px;}

.checkbox input[type=radio]{    padding: calc(25% - 0.2rem);    display: inline-block;    background: transparent;    border: 2px solid #585856;
    border-radius: 50%;    position: relative;    width: 0;    height: 0; vertical-align:top;
    padding: 0.5rem;    -webkit-transition: padding .2s;    -moz-transition: padding .2s;    transition: padding .2s;margin: 0;
	-webkit-appearance: none;    -moz-appearance: none;    appearance: none; -webkit-print-color-adjust: exact;    color-adjust: exact;}
.checkbox input[type=radio]:checked:before{display: block; content: ""; background: #585856; height: 100%; border: 4px solid transparent; width: 100%;
    padding: 0;    border-radius: 50%;    position: absolute;    top: 2px;    left: 2px;    max-height: 4px;    max-width: 4px;}



input[type=checkbox]{    padding: calc(25% - 0.2rem);    display: inline-block;    background: transparent;    border: 2px solid #585856;
    border-radius: 20%;    position: relative;    width: 0;    height: 0; vertical-align:top;
    padding: 0.5rem;    -webkit-transition: padding .2s;    -moz-transition: padding .2s;    transition: padding .2s;margin: 0 7px 0 0;
	-webkit-appearance: none;    -moz-appearance: none;    appearance: none; -webkit-print-color-adjust: exact;    color-adjust: exact;}	
input[type=checkbox]:checked:before{
	display: block; content: ""; background: #585856; height: 100%; border: 4px solid transparent; width: 100%;
    padding: 0;    border-radius: 20%;    position: absolute;    top: 2px;    left: 2px;    max-height: 4px;    max-width: 4px;
}



.displayflex{display:flex;}
.formulaire {  font-family: RobotoLight;  background: #fff; box-shadow : 0 0 5px #ddd ;  width: calc(100% - 100px);  padding: 50px;}
.width50{width:calc(50% - 10px); margin:0 5px;}
.boldTitle{ font-size:23px; margin:20px 0 ; font-family : Poppins-Medium ; text-align : center ; margin : 20px 0}
#formdevis{margin-bottom:20px;}
.ml20{margin-right:20px;}
.input-group label{font-size:17px;}
.label-b20{display:inline-block; padding-bottom:3px;}
.checkbox-c{margin:2px 1%; width:30%; float:left;}
.checkbox-c strong{font-weight:normal; font-size:15px;}

.desc-presentation{display:flex; padding:35px 0;}

.flex360{width:360px;  flex:1; min-height:100%; position:relative; }
.innov-top{position:relative;}
.innov-top img{max-width:100%; position:relative; z-index:0; }
.desc-presentation h1{font-family:RobotoCB; color:#F9CB0D; font-size: 64px;    letter-spacing: 2px; margin:17px 0;
font-weight:normal;}
.desc-presentation h1 span{font-family:RobotoLight;}
.width-50{width:calc(100% - 480px); padding-right:40px;} 
.width-50 p:first-child{padding-right:80px;}
.contenue-text strong{font-weight:normal;}
.contenue-text .bold{font-weight:bold;}
.contenue-text{font-size:17px; line-height:31px; text-align:left; font-family:RobotoLight;}


/*.media_ecran{margin:0 var(--custom--spacing--inter);  padding:0 var(--custom--spacing--inter)}*/
.media_ecran {width:50% ; height:calc(100vh - 120px); max-height:690px;}

.media_ecran  img{max-width:100%; max-height:100%;}
.item-service .desc{color:#1a1a1a; width:40%; padding-right:10%;
font-size:15px; padding-top:60px ;}


.item-service .desc.full_width,.item-service .desc.full-width  {width:100%;}
.item-service ul li{float:none;}

.item-service .desc strong{font-weight:normal;}
.item-service .desc strong.bold{font-weight:bold;}
.item-service .desc h1{font-family:RobotoLight; font-weight:normal; font-size:56px; color:#ffc613; letter-spacing:2px;}
.item-service .desc h1.size31{font-size:34px;}
.item-service .desc p{line-height:28px; font-size:18px; font-family:RobotoLight;}
.item-service.children img{max-width:80%;}
.item-service.children{padding-bottom:20px;}
.item-service.children .desc{padding:80px 0 0 ;}
.item-service h2{font-family:RobotoLight; font-weight:normal; font-size:24px;color:#1a1a1a;}
.item-service.children h2{font-family:RobotoLight; font-weight:normal; font-size:36px;color:#1a1a1a;}

.item-service.children h2.size31{font-size:31px}
.item-service.children h2 strong,.item-service h2 strong{font-family:RobotoBold;}
.item-service.children .media_ecran{text-align:center;}
.item-service.children p{max-width:480px;}
.item-service.children .full_width p  {max-width:inherit;}
.item-service.children .full_width h2.size31{text-align:center;}

.item-service.container{max-width:1500px;}
@media  (max-width: 1680px) {
	.item-service .desc p{font-size:15px;}
	.item-service.container{max-width:1100px;}
	.item-service .desc h1{font-size:44px;}
	.item-service .desc h1.size31{font-size:31px;}
	.media_ecran{width:calc(50% - var(--custom--spacing--outer)); }
	.item-service .desc{padding-top:0;width:calc(50% - var(--custom--spacing--outer)); padding-right:var(--custom--spacing--outer);}
}	
.btn-black{border-radius:17px; background :#1a1a1a; color:#fff; border:none; padding:8px  25px}
.full_width .btn-black{float:right;}
.list-technologie div{height:160px; position:relative;}
.list-technologie img{position: absolute;    left: 50%;    top: 50%;
    -webkit-transform: translate(-50%,-50%);    -moz-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);    max-width: 90%;    max-height: 80px;}
.etape{ margin:0 0 20px;  }
.item-service .etape strong{    font-size: 19px;     font-family: RobotoBold;}
.etape ul{width:100%; display:grid; grid-auto-rows: 1fr;column-gap:2.5rem;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) ;}

.item-service  .etape li{ text-align:left; cursor:pointer; min-height:60px; float:left;
padding:45px 0 0; background-color:#fff; position:relative; padding-right:100px;
margin:1rem 0; padding-left:37px;}
.item-service  .etape li:after{content:'';position:absolute; top:-2px; left:-2px; 
box-shadow:-2px 3px 2px 1px #c4b8b8; width:100%; height:100%;}
.item-service  .etape li:before{position: absolute; left: -33px;    top: 5px;  opacity:0.7;  font-size: 140px;    z-index: 10;
color:#fff; text-shadow:1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000,             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;}
.item-service  .etape li.stade-1:before{content:'1'; font-family:Antonio-Bold;}
.item-service  .etape li.stade-2:before{content:'2'; font-family:Antonio-Bold;}
.item-service  .etape li.stade-3:before{content:'3'; font-family:Antonio-Bold;}
.item-service  .etape li.stade-4:before{content:'4'; font-family:Antonio-Bold;}
.item-service  .etape li.stade-5:before{content:'5'; font-family:Antonio-Bold;}
.item-service  .etape li.stade-6:before{content:'6'; font-family:Antonio-Bold;}

.etape li p{font-size:13px !important;width:100%,; height:100%}

.stade-1{background-image:url(images/etude.png) ; background-position:97% top; background-repeat: no-repeat; background-size:90px auto;}
.stade-2{background-image:url(images/definir.png) ;background-position:97% top;  background-repeat:no-repeat; background-size:90px auto;}
.stade-3{background-image:url(images/etude.png) ;background-position:97% top;  background-repeat:no-repeat; background-size:90px auto;}
.stade-4{background-image:url(images/audit.png) ;background-position:97% top;  background-repeat:no-repeat; background-size:90px auto;}
.stade-5{background-image:url(images/hebergement.png) ;background-position:97% top ; background-repeat:no-repeat; background-size:90px auto;}
.stade-6{background-image:url(images/suivi.png) ;background-position:97% top ; background-repeat:no-repeat; background-size:90px auto;}
.list-technologie .slick-prev,.list-technologie  .slick-next{border:none;  top:calc(50% - 70px);}
.list-technologie .slick-prev{left:-45px;}
.list-technologie .slick-next{right:-45px;}

.item-search{float:left; margin : 15px;}
.item-search h2{font-size:17px; font-weight:normal; margin:0; padding:0;}
.item_projet .mm{width:75%; float:right}
.item_projet .mm img{max-width:80%;}


.btn-devis{float: left;    padding: 7px 12px;    border-radius:12px; cursor: pointer;      font-family:RobotoBold;
    display: inline-block;    background: #3f037c;    font-size: 15px;    margin-bottom :20px;}
.banner-page {position:relative;}
.banner-page img{width:100%;}
.align_center{text-align:center;}

.page-realisation h1{text-transform:uppercase; font-family:RobotoCB; font-size:32px;}
.intro_realisation{font-size:15px; font-family:RobotoLight; line-height:28px;}

.realisation-item .desc-projet{width:30%;}
.realisation-item .mm{width:calc(70% - 40px);}
.realisation-item .mm img{max-width:100%;}
.mg-r{margin-right:40px;}
.mg-l{margin-left:40px;}
.realisation-item {margin:45px 0; padding:20px; display:flex;}
.nos_reference{margin:60px 0 0;}
.btn-jaune{background:#F8CA0D; border-radius:12px; padding:6px 10px; font-family:RobotoCB; font-size:13px;
text-transform:uppercase; cursor:pointer;}
.cms_developped{font-family:RobotoLight; font-size:24px;}
.cms_developped.d2:before{content:''; margin-right:7px; width:36px; height:36px;
background:url(images/prestashop.jpg) no-repeat; float:left; display:block;}
.cms_developped.d2{line-height:36px;}
.desc-projet h4{text-transform:uppercase; font-family:RobotoBold; font-size:25px; margin:4px 0;}
.desc-projet .sujet{text-transform:uppercase; font-family:RobotoMedium; font-size:19px;}
.desc-projet p{font-family:RobotoLight; display:inline-block; min-height:40%;}
.entete-realisation{background-image:url(images/leprojet.jpg); background-position: left top; background-repeat:no-repeat;
min-height:400px; width:100%; background-size: cover;}

.entete-realisation {position:relative; }
.entete-realisation h1{display:inline-block; font-family:RobotoLight ; font-weight :normal; font-size:65px;
    position: absolute;    left:calc( 50% -  var(--custom--spacing--outer));    top: 50%;
    -webkit-transform: translate(-50%,-50%);    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);    -o-transform: translate(-50%,-50%);
       max-height: 87px;  margin:0; padding:0; text-align:center; max-width:300px;}
.entete-realisation h1 strong{font-family:RobotoBold;}
.media_charte{position:relative; width:calc(100% - 40px); margin:20px auto ;}
.media_charte img{max-width:100%;}
.content-text{font-family: RobotoLight;     font-size: 15px;     line-height: 27px;}


.desc_technique{font-family:RobotoLight; line-height:22px;}
.desc_technique h2{font-family:RobotoThin; font-weight:normal}
.desc_technique strong{font-family:Roboto-Black; font-weight:normal; margin:8px 0  4px;}


.grid-marketing{position:relative; padding:0 0  ; border-bottom : 2px solid #1A1A1A;
display:grid; grid-auto-rows: 1fr; margin:0 -20px 35px; width:calc(100% + 40px);
grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) ;	}
.grid-marketing:before{position:absolute;    bottom: -8px;
    left: -4px; content:'\f0d9'; font-family:FontAwesome; color:#1A1A1A;}
.grid-marketing:after{position:absolute; bottom:-8px; right:-6px; content:'\f0da'; font-family:FontAwesome; color:#1A1A1A;}
.grid-marketing div{position:relative;
font-family:RobotoLight;padding:20px 20px 30px ; text-align:center;}
.grid-marketing div:after{position:absolute; left:calc(50% - 22px); bottom:-20px; content:''; width:42px; height:42px;
background-image:url(images/boucle.png); background-repeat:no-repeat; background-position:center bottom;}



.grid-double{position:realtive; display:grid; grid-auto-rows: 1fr; column-gap: 5rem;
grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr)}
.grid-double .width50{position:relative; width:calc(100% - 40px); padding:0 30px; margin:0}
.grid-double .width50  h2{font-family:Roboto-Black; font-weight:normal; font-size:20px;}
.grid-double .width50:after{    content: '';    position: absolute;    top: -2px;
    left: -2px;    box-shadow: -2px 3px 2px 1px #c4b8b8;    width: 100%;height: 100%;}
	.desc-content{ width:calc(100% - 420px); margin-right:20px;}
	.desc-full-media{margin:50px 0 0;}
	.desc-full-media .media{max-width:calc(100% - 20px); width:380px; float:right}
	.desc-full-media .media img{max-width:100%;}

@media  (max-width: 1920px) {
	.personne.charge { width: 757px; }
	.slogan {  font-size: 60px;}
	.section_1 {width: calc(100% - 300px);    margin: 75px auto 40px auto; } 
	.section_1 h1 , .section_1 h2{ text-transform: uppercase;   padding-left: 0 !important }
	.personne.developpeur { margin: 83px 162px 0 -342px; }
	.personne.designer { margin: -151px -146px 0 0; }
	.bg-right {  height: 2425px;   width: 882px; }
	.section-info { width: calc(100% - 646px); text-align: center;}
	
	.section-left.section-txt .desc-section { max-width: calc(100% - 300px);}
	.imgtop { margin: 74px 0 0 0;}
	.sectiont { margin:200px 0 0 0}

}
@media  (max-width: 1700px) {
.personne.designer { margin: -124px -116px 0 0;}
.personne.charge {  width: 675px;}
.section-txt .desc-section , .section-left.section-txt .desc-section  { max-width: calc(100% - 85px);}

}
@media  (max-width: 1600px) {
	.imgtop { margin: 104px 0 0 0;}
	.sectiont { margin: 183px 0 0 0;}
	.section-txt .desc-section , .section-left.section-txt .desc-section  { max-width: calc(100% - 85px);}
	.personne.designer{       margin: -114px -105px 0 0}
   .bg-right {height: 1903px; width: 700px;  }
	.personne.developpeur{ width: 176px;   margin: 64px 115px 0 -342px;}
	.personne.charge { width: 667px; }

	.section_1 h1 , .section_1 h2{   padding-left: var(--custom--spacing--outer); }
	.section-info { width: calc(100% - 646px);  text-align: center; }
}
@media  (max-width: 1500px) {

.personne.charge{      width: 579px;  margin: 0 35px 0 -77px;}
.personne.gerant{width:360px;;margin: 0 0 0 -120px;    }
.personne.designer{ width: 174px;  margin: -86px -121px 0 0;}
.personne.developpeur { width: 180px;  margin: 65px 116px 0 -292px;}

}
@media  (max-width: 1400px) {
.slogan { font-size: 55px;}
.personne.charge{      width: 562px;  margin: 0 35px 0 -77px;}
.section_1 {width: calc(100% - 100px);}
}
@media  (max-width: 1380px) {
.personne.charge { width: 536px; margin: 0 35px 0 -69px;}
.slash .two { width: 314px; }
}

@media  (max-width: 1320px) {
	.personne.designer { width: 165px;   margin: -86px -109px 0 0;}
	.personne.charge {  width: 512px;}
	.personne.developpeur {width: 161px; margin: 65px 116px 0 -292px;}
.slash .two {  width: 295px;}
.devis_section .container {  width: 400px; }
.devis_section h2 {font-size: 33px; }
.imgt { width : 400px }
 } 

@media  (max-width: 1150px) {
.section-left-img img, .section-img img {  max-width: 100%;}


}
@media  (max-width: 980px) {
	
.slash .one{width:289px;}
.slash .two{width:282px;}
.slash .three{width:145px;}
:root{--custom--spacing--outer:20px;	--custom-body-width:100%;}
.section_1 {width: calc(100% - 10px);}
.section-info {  width: calc(100% - 400px);}
.section-img { width: 350px;  padding: 0 50px 0 0;}
.desc-section {max-width: calc(100% - 76px);}
.section-left-img img, .section-img img { width: 350px;  max-width: 100%;}
.devis_section .container { right: 20%;}
#banniere { height: calc(100vh - 252px);  }
}
@media  (max-width: 820px) {

.slogan { font-size: 28px;}
.slash .two { width: 201px;}
.slash .one {  width: 268px;}
#banniere { max-height: 394px; }
.section_1 h2 {font-size : 20px}
.personne.charge { width: 380px;}
.personne.designer { width: 150px;   margin: -58px -65px 0 0;}
.personne.developpeur {width: 150px;}
.section-txt {margin: 48px 0 0 0;}
.desc-section { line-height: 35px;  font-size: 15px;}
.devis_section .container {right: 10%;}
}
@media  (max-width: 780px) {
	.item-service .etape li:before{font-size:110px; left:-17px}
	.item-service .etape li{background-size:60px auto; padding:32px 35px 0 32px;}
	.item-service .etape strong{font-size:16px;}
	.item-service .desc.full-width{padding:0;}
	.etape{max-width:580px;}
.etape ul {    grid-template-columns: minmax(0px, 1fr) ;}
	.desc-presentation h1{font-size:51px;}


.flex360{padding:20px 0}
.flex360:after{background-size:auto 358px}
.menu-trigger-inner:before,.menu-trigger.active{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms}
.menu-trigger-inner:after,.menu-trigger-inner:before{background:#5e5d57; content:''; display:block; height:4px; width:40px}
.menu-trigger{background-color:transparent; position:absolute; right:var(--custom--spacing--outer); top:46px; z-index:999;}
.menu-trigger.active{transition:all 250ms}
.menu-trigger-inner{-webkit-transition:250ms all;-moz-transition:250ms all;-o-transition:250ms all;transition:250ms all; 
background:#5e5d57; height:4px; width:40px}
.menu-trigger-inner:before{transition:all 250ms;-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);
-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px)}
.menu-trigger-inner:after{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;
-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);
transform:translateY(8px)}
.menu-trigger-inner.active{background:0 0}
.menu-trigger-inner.active::before{background:#93278F;-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);
-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
.menu-trigger-inner.active::after{background:#93278F;-webkit-transform:translateY(-3px) translateX(0) rotate(45deg);-moz-transform:translateY(-3px) 
translateX(0) rotate(45deg);-ms-transform:translateY(-3px) translateX(0) rotate(45deg);
-o-transform:translateY(-3px) translateX(0) rotate(45deg);transform:translateY(-3px) translateX(0) rotate(45deg)}
.not-visible1{display:none;}
.show-me-mobile{display:block;}
.menu_home { overflow:hidden; width:100%; height:100%; position:fixed; top:0; right:0; background:rgba(0,0,0,0.9); }
.menu_home ul li{ float :none; width:100%; margin:10px 0; padding:20px 0; border-bottom:1px dotted #93278F; color : #fff}
header nav {padding:60px 0 0;text-align:center; width:100%;}
header nav a{color:#fff; font-size:16px; line-height:26px;}
.slogan{width:178px; font-size:43px;}
#banniere{height:50vh;}
.slogan.active{top:20%;}
.sloganBig {  font-size: 21px; }
.slogan { font-size : 28px}
    
.slash .one{width:178px;}
.slash .two{width:188px;}
.slash .three{width:116px;} 
.personne.designer{width:150px;} 
.personne.developpeur{width:150px; margin:0 0 0 -181px;}
.section-img { width: 300px; padding: 0 50px 0 0;}
.section-info { width: calc(100% - 350px);}
.section-left-img img, .section-img img {  width: 330px;   max-width: 100%;}
.section_1 h1{font-size:27px;}
.devis_section { background-attachment: inherit;}
.section_1 .section_media{max-width:420px;}
.section_1 p {width: calc(100% - 120px);}
.section_1 h1 {    width: calc(100% - (var(--custom--spacing--outer) + 433px));}
.section_2 h2{font-size:48px; margin:25px 0;}
.section_2 h2 span{font-size:36px;}

.slogan_section:after{bottom: 5px;    right: 14%;}
.slogan_section:before{    top: -13px;    left: -38px;}
.slogan_section:before,.slogan_section:after{width:25px; height:25px; background-size:100%;}
.slogan_section{font-size: 14px; line-height: 22px; padding: 0 38px 13px 0;}
.section_service h2{font-size:53px;    margin: -51px 0 20px;    line-height: 54px;}
.section_service .des-yellow p{position: relative; font-size: 18px; color: #fff; padding: 23px 50px; line-height: 30px; 
letter-spacing: 1px;}
.section_service .des-yellow p:before,.section_service .des-yellow p:after{width:25px; height:25px; background-size:100%;}
.service-item {    width: calc((100% - 60px)/3); padding: 10px;}
.service-item .contenu p {line-height: 21px;  font-size: 13px;  margin: 0;   max-width: inherit;}
.service-item h3{margin:10px 0;}
.bg-yellow{margin-bottom:20px;}
.service-item .icon,.service-item .icon.icon-2,.service-item .icon.icon-1{height:52px;}
.service-item .icon.icon-5,.service-item .icon.icon-8{height:50px;}
.service-item .icon.icon-3,.service-item .icon.icon-7{height:65px;}
.devis_section .container{padding:44px 0 0;}
.devis_section h2{font-size:37px;}
.devis_section .container { right: 0;}
.desc-presentation{display:block;}
.width-50{width:100%;}
.width-50 p:first-child{padding:0;}
.innov-top{margin:30px auto ; height:auto; width:280px; }
.flex360{padding:0; width:100%;}


.item-service .desc h1{font-size:37px; margin:15px 0; padding:0;}
.media_ecran{width:40%;}
.item-service .desc{width:calc(60% - var(--custom--spacing--outer))}
.item-service.children h2{font-size:32px;}

.realisation-item .mm{width:380px;}
.realisation-item .desc-projet{width:calc(100% - 380px);}
.desc-full-media .media{ width:260px;}
.desc-content {width: calc(100% - 280px);}
}
@media(max-width:600px){
	.imgtop { margin : 0px 0}

.slogan.active { top: 15%; font-size: 24px;}
.sloganBig {font-size: 16px;}
.sloganBig.active { top: 20%; }
.personne.charge { width: 270px;}
.slash .one {width: 138px;}
.slash .two { width: 136px;}
.personne.designer { margin: -29px -26px 0 0; width: 126px;}
.personne.developpeur {  width: 127px; margin: 0 86px 0 -244px;}
#banniere {height: 46vh;}
.personne.developpeur { width: 127px; }
 .section_1 {  width: calc(100% - 10px);  max-width: 100%;  padding: 0px;}
.section-img { width: 260px; padding : 0 22px 0 0 }
 .section-info {  width: calc(100% - 285px);}
.section_1 h1 {    padding-left: 0px; font-size: 16px;  line-height: 22px; width : 100%}
.section-txt { margin: 21px 0 0 0;}
.desc-section { max-width: calc(100% - 35px);}
.desc-section { line-height: 28px; font-size:14px }
.bg-right { height: 1903px; width: 370px;}
.bg-left {height: 100%; display : none}
.section_1 h2 {line-height: 28px;}
 .section-txt .desc-section { max-width: 100%;}
.section_1 h2 { font-size: 23px; width: 100%;}
 .pad-left 	{    padding-left: 14px !important } 
 .devis_section h2 { font-size: 29px;   line-height: 44px;}
 .section-txt .desc-section, .section-left.section-txt .desc-section { max-width: 100%;}
}
@media(max-width:520px){
}

@media(max-width:420px){
#banniere {    height: 30vh; background-size: inherit;}	
.sloganBig { font-size: 15px;}
.slogan.active { top: 15%;font-size: 15px;}
.personne.charge { width: 235px; margin: 0 10px 0 -26px;}
.section-info ,.section-txt { width: 100%; max-width: 100%;}
.section-img { width: 100%; padding: 0;}
.personne.designer { display : none} 
.personne.developpeur {margin: 38px 43px 0 -244px;   width: 109px;}
.section-img.shake { text-align : center}
.section-img.section-right  { text-align : center}
.section-txt {margin: 0px 0 0 0;}
.formulaire { width: calc(100% - 20px);padding: 10px;}
body{ overflow-x: hidden }
}