.main-icon-bloc{
    margin: 0 auto;
    /*max-width:233.33px;*/
    text-align: center;
    max-width:183.33333px;
}

.typewrite{font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold;} 
.container-fluid {
    padding-right: 70px;
    padding-left: 70px;
    margin-right: auto;
    margin-left: auto;
}


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

h1.etape {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    color: #f64542;
    line-height: 1.2;
}

.arrow{font-size: 27px; color:#555}

h4.definition {
    font-size: 34px;
    line-height: normal;
}
h4.client{
 font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
    font-size: 1em;
}

.introduction {
    text-align: left;
    padding: 0 0 0 33px;
    color: #000;
}

h2.expertise{
 font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
   /* color : #09809b;*/
    color: #f64542;
}
h2.context{
 font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: normal;
    margin-top: 5px;
}
.hovermadDev:hover{/*border-radius: 12px;background-color: #d5f1f1;*/padding-top: 40px;margin-bottom: 40px;}
.hovermadCrea:hover{/*border-radius: 12px;background-color: #f9f0f7;*/padding-top: 40px;margin-bottom: 40px;}
.hovermadMark:hover{/*border-radius: 12px;background-color: #fdf5d4;*/padding-top: 40px;margin-bottom: 40px;}
/*#outabout{padding: 24px 0 24px 0;}*/
#outprestation, #outabout, #outcontact, #outportfolio{padding: 24px 0 24px 0;}

.order-lg-1 {
    font-size: 1.3em;
    /*padding: 0 4%;*/
    display: inline;
    text-align: left;
}

p.intro {
    padding: 2% 10%;
     font-size: 1.3em;
}
p.introduce{
    color: #ccc;
    font-size: 19px;
    margin: 0 auto;
    padding: 0 100px 38px;
    
}

h3.estimateText{
    font-size: 16px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 75px;
    color:#ccc;
    line-height: 30px;
}
.marge90{ margin-bottom:50px}


.btn-presta {
    color: #241c43;
    background-color:transparent;
    font-weight: 400;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 0;
    font-size: 16px;
    padding: 16px 40px;
    text-decoration: none;
    outline: none;
    border: 1px solid #241c43;
}
 .btn-presta a:hover{
    /*color: rgba(254,82,76, 1);*/
    color: #fff;
    background-color:#241c43;
    text-decoration: none;
    outline: none;
}
.btn-presta:hover{
    color: #fff;
    background-color:#241c43;
    text-decoration: none;
    outline: none;
}


        .filterDiv {
            display: none;
        }
        
        .show {
            display: block;
        }
        
        .callTa {
            font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
            border: none;
            outline: none;
            padding: 8px 14px;
            cursor: pointer;
            font-size: 16px;
            color: rgba(0, 0, 0, .5);
            background-color: #eee;
            margin: 0 4px 8px 0;
            border-radius:0; 
        }
        
        .callTa:hover {
            background-color: rgba(254, 82, 76, 1);
            color: white;
        }
        
        .callTa.activeFiltre {
            background-color: rgba(254, 82, 76, 1);
            color: white;
        }


/* Morph */
.morph {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
 
.morph:hover {
/*  -webkit-transform: rotate(360deg);  rotation de l'image 
  transform: rotate(360deg);*/
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
    
}

.text-muted:hover.morph{ 
color: red;
}

/*fin menu barre*/




.container-burger {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-2px, 5px);
        transform: rotate(-45deg) translate(-2px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -8px);
    transform: rotate(45deg) translate(-5px, -8px);
}
/*fin menu barre*/



.fa-2x {
    font-size: 2em;
    color: red;
}
.btn-default {
    color: #fff;
    background-color:transparent;
    border-color: #ccc;
    border-radius: 0;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*.btn-group-lg>.btn, .btn-lg {
    padding: 20px 32px;
    font-size: 18px;
    line-height: 1.3333333;
}*/

.btn-group-lg>.btn, .btn-lg {
    font-size: 18px;
    line-height: 1.3333333;
    width: 260px;
    height: 70px;
    padding-top: 22px;
}


.form-control {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #241c43;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius:6px;
}


.enSavoirPlus{
    width:140px; 
    margin:0 auto;
    padding: 13px 10px; 
    border:1px solid #fff;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 50px;
    transition: all 0.3s ease 0s;

}
.transitionnal{transition: all 0.3s ease 0s;border-radius:50px;}

.enSavoirPlus:hover{ 
    margin:0 auto;
    border:1px solid #fff;
    background-color:#fff; 
    color:#241c43;
}



/** {color: rgba(254,82,76, 1); text-decoration: none;}*/

/*span {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
}*/

@keyframes caret {
  50% {
    border-color: transparent;
  }
}


@media(max-width:1599px) {
p.introduce{padding: 0 150px 38px 150px; }
}


@media(max-width:1199px) {
     .introduction {
    text-align: left;
    padding: 0 0 0 33px;
  }
    
    .dynamicBr{ display: none;}

}


@media(max-width:841px) {
    .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 13px 10px;
}
}

@media(max-width:768px) {
  p.introduce{/*padding: 0 50px 38px 50px;*/
    padding: 0 3px 22px 3px;
     font-size: 16px; 
    }

.navbar-custom .nav li a {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: white;
    top: -18px;
}
    .navbar-nav {
    margin: 29px 0px;
    font-size: 13px;
}
  }

@media(max-width:767px) {
    
.hovermadDev:hover{border-radius:0}  
.hovermadCrea:hover{border-radius:0}  
.hovermadMark:hover{border-radius:0}
#outprestation, #outabout, #outcontact, #outportfolio{padding: 25px 0 12px 0;}
#services, #about, #contact, #portfolio{padding: 50px 0 24px 0;}
    
.navbar-nav {
    margin: 29px 0px;
    font-size: 17px;
}
.navbar-custom {
  background-color: #241c43;
  border-color: transparent;
margin: 0 auto;
    text-align: center;
}
    
    p.getPad {
    padding-bottom: 23px;
}
    
    .enSavoirPlus {
    width: 160px;
    padding: 8px;
}

     .enSavoirPlus:hover {
    width: 160px;
    padding: 8px;
}
    
}
@media(max-width:550px) { 
.brStop550 {display: none;}
    
      p.getPad {
    padding-bottom: 23px;
    width: 97%;
    margin: 0 auto;
    padding-top:0;
    font-size:14px;
    color:#555;
    /*display: none;*/
}
    
    
.main-icon-bloc {
    margin: 0 auto;
    max-width: 167.33px;
    text-align: center;
} 
.introduction {
    text-align: left;
    padding: 0 36px;
}
    
    
    .row {
    margin-right: -15px;
    margin-left: -15px;

}
    
.btn-group-lg>.btn, .btn-lg {
    font-size: 16px;
}

    
}
    
 .alert-success {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    padding: 31px 10px;
}

@media(max-width:480px) {
.com{font-size: 24px}
}


/****/