.searchBox{
    background: rgba(0, 0, 0, 0.5);
    padding:10px
}




.searchBox input[type="text"],
.searchBox input[type="email"],
.searchBox input[type="search"]
{
    font-family: "Arial", sans-serif;
    font-size: 30px;
    color: #000 !important;
    background-color: #fff !important;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 80%;
    margin-bottom: 0px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
    border-radius: 0px;
}



.searchBox button[type="submit"],
.searchBox404 button[type="submit"]
{
    font-family: "Arial", sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;


    border-radius: 0px;
}


.card300{
    min-height: 300px;
}

.minheight65{
    min-height: 65px;
    display: block;
}


.flip-card-front:after, .flip-card-back:after {

    opacity: 0 !important;

}


.terminaison {
    color:#FF4B4B;
}

.congugaison ul li {
     font-size: 20px;
     margin-left: 30px;
 }

.congugaison ul {
    list-style-type: none;
    margin-bottom:50px;
}

.congugaison .title-block {
    margin-bottom: 15px;
}

.card2 {
    background-color: #ebebeb;
    display: block;
    padding: 50px;
    min-height: 450px;
    margin-bottom: 20px;


}
.title {
    margin-bottom: 25px;
    position: relative;
    z-index: 10;
}
.title h2[data-bigletter] {
    position: relative;
}
.title h2[data-bigletter]:before {
    z-index: -1;
    content: attr(data-bigletter);
    font-size: 2em;
    opacity: .06;
    position: absolute;
    top: -0.5em;
    left: -0.15em;
    text-align: center;
    text-transform: uppercase;
}

.detailverbe {
    font-size:12px;
    color:black !important;
    margin-left:15px
}

.page-link, .page-link:hover, .page-link:focus {
    color: grey;
}

.abutton a {
    text-decoration: none;
    background-color: transparent;
    color: white

}
.abutton a:hover {
     color: black
 }

.abutton {
    color: black
}

.listeVerbe a {
    text-decoration: none;
    color:black;
    margin: 2px;
    font-size: large;

}

.listeVerbe a:first-letter {
    text-transform: uppercase;        /* Make the first letters uppercase      */
}

.listeVerbe a:hover {
    color: #0099cc;
    font-weight: 600;
}

.autreVerbe{display:none}

.arrow { display:none }
@media (min-width: 768px) {

    .conjugaisonpad50 {padding:50px }
    .card2 { margin-bottom: 0px;
        margin-left: 0px}
    .searchBox{
        width:70%;
        margin-left:15%;
        background: rgba(0, 0, 0, 0.5);
        padding:50px
    }
    .searchBox input[type="text"],
    .searchBox input[type="email"],
    .searchBox input[type="search"]
    {
        width: 400px;

    }
    .detailverbe {
        font-size:18px;
        margin-left: 40px
    }
    .autreVerbe{display:block}

    .arrow {
        position: fixed;
        bottom: 20px;
        left: 50%;
        margin-left: -20px;
        display:block;
    }

    .animated {
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
    }

    .bounce {
        -webkit-animation-name: bounce;
        -moz-animation-name: bounce;
        -o-animation-name: bounce;
        animation-name: bounce;
    }

}