.padPresta{ margin-bottom: 10px;}
.padIcon{/*margin-top: 40px;*/padding-top: 60px;}

.head_creation{background-color:#f9f0f7}
.head_marketing{background-color:#fdf5d4}
.head_web{background-color:#d5f1f1}


/* Style The Dropdown Button */
.dropbtn {
    cursor: pointer;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    padding: 22px 43px;
    border: 1px solid #8f1577;
    margin: auto 0;
    font-size: 12px;
    color: #8f1577;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    border-radius: 6px;
    outline: none;
    
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 245px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    z-index: 1;
    width: 202px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color:#fff;
    background-color: #8f1577;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: all 0.3s ease 0s;
}


h2.webColor{
    color: #09809b;
    font-size: 28px;
}

h2.marketingColor{
    color: #ef5513;
    font-size: 28px;
} 

h2.creaColor {
    color: #f64542;
    font-size: 28px;
}
.pictothem {
    display: block;
    max-width: 80px;
    height: auto;
    text-align: center;
    margin: 38px auto 0;
}

.active{
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #f64542;
    padding: 15px 10px;
}
section h2.black {
    font-size: 38px;
    margin-top:25px;
    margin-bottom: 15px;
    color: #8f1577;
/*    padding-bottom: 20px;*/
}

section h2.titreWeb{
    font-size: 38px;
    margin-top:25px;
    margin-bottom: 15px;
    color: #f57075;
/*    padding-bottom: 20px;*/
}

.navbar-custom{padding: 10px 0}

section h2.titreMarketing{
    font-size: 38px;
    margin-top:25px;
    margin-bottom: 15px;
    color: #ef5513;
/*    padding-bottom: 20px;*/
}

 #wrappe-arrow {
            display: inline-block;
            height: 0;
            width: 0;            
            border-right: 46px solid transparent;
            border-left: 46px solid transparent;
        }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    padding-bottom: 10px;
}

@media(max-width:768px) {
.head_presta{padding: 100px 0 30px}
 .padIcon{padding-top: 10px;}   
.navbar-custom{padding:0; height:70px}    
.presta{padding: 10px 0 30px}    
    .navbar-header{
     margin: 0 auto;
    text-align: center;
    padding: 0;
    }
.dropbtn {
    padding: 22px 18px;
    }
    
}