.search-menu-cortecs {
    font-size:14px;
    top: 3px;
    padding-right: 10px !important;
}
.search-menu-cortecs .form-control {
   /* display:none;
    min-width: 600px;*/
    position: absolute;
    z-index : 2 !important;
    right: 40px !important;
    color: var(--main-navbar-color);
    background-color: var(--main-navbar-color);
    border:none;
    color: #999;
    font-size: 18px;
    padding-left: 12px;
    width:0px;
    overflow:hidden;
    transition: width 1s, background-color 300ms linear 600ms;
}
#search-input-open {
    width: 560px !important;
    background-color: #333 !important;
    border-radius: 2px 0px 0px 2px !important;
/*
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
*/
    transition: width 1s, background-color 300ms;
/*
	border: 1px solid #333;
*/
}
#search-input-open:focus {
    color: white !important;
    box-shadow: unset !important;
}
.search-menu-cortecs .btn-default {
    background-color: var(--main-navbar-color);
    border: 1px solid black;
    transition: border 500ms linear 500ms, color 500ms linear 500ms;
    
/*
    top: 1px;
*/
}
.search-menu-cortecs .btn-default:hover, 
.search-menu-cortecs .btn-default:focus,
.search-menu-cortecs .btn-default:active,
.search-menu-cortecs .btn-default:hover:focus,
.search-menu-cortecs .btn-default:focus:active,
.search-menu-cortecs .btn-default:hover:focus:active {
    color: var(--main-second-color);
    background-color: var(--main-navbar-color);
    border: 1px solid black;
    transition: border 1s;
}

#search-button-open {
    border: 1px solid #333 !important;
    transition: border 1s, color 500ms linear 500ms;
}
.input-group-btn {
    width: unset !important; /* Reglage bug sparkling, pour faire fonctionner avec chrome */
}
@media (max-width: 1200px) {
    .search-menu-cortecs {
        padding: 0px 10px 0px 0px !important;
    }
    #search-input-open {
        width:540px !important;
    }
}
@media (max-width: 991px) {
    .search-menu-cortecs {
        float:left;
        right:10px;
        width:10px;
        padding-right: unset !important;
    }
    #search-input-open {
        width:360px !important;
    }
}
@media (max-width: 767px) {
    .search-menu-cortecs {
        float: right;
        padding-right: 45px !important;
    }
    #search-input-open {
        width:75vw !important;
    }
}