@font-face {
  font-family: american-typewriter;
  font-weight: normal;
  src: url('../fonts/AmericanTypewriter-Bold.ttf');
}

/*
h1, h2, h3, h4, h5, h6 {
    font-family: 'american-typewriter';
    text-transform: none;
}
*/

.depanneurinformatique {
    font-family: 'american-typewriter';
    font-size: 1.2em;
}

.auteur {
    font-family: 'Homemade Apple', cursive;
}

.header {
    border-top: none;
}

.navbar-brand {
    background: none;
}

.navbar-brand.navbar-bg {
    padding: 10px 15px 10px;
    width: 30%;
}

.navbar {
    padding-top: 6px;
}

.nav-link:hover, 
.dropdown-item:hover {
    color: #82D026 !important;
}

.recherche {
    color: #fff;
}

.recherche:hover {
    color: #82D026;
}

.login {
    margin: 15px;
}

.login:hover {
    color: #82D026;
}

@media only screen and (min-width: 1170px) {
    .cd-hero-slider .cd-full-width, 
    .cd-hero-slider .cd-half-width {
        padding-top: 135px;
    }
}

.navbar-dark .navbar-nav .active>.nav-link, 
.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show>.nav-link {
    color: #82D026;
}

.form-control {
    height: 35px;
    padding: 6px;
}

.style-switch-wrapper {
    font-size: 14px;
    color: #fff;
}

.overlay2::before {
    background-image: url(../medias/commun/overaly.png);
}

.parallax-overlay {
    background: url(../medias/commun/overaly.png);
}

.parallax1 {
    background: url(../medias/commun/accueil-bg.png) no-repeat;
    background-position-y: 85px;
    top: -62px;
}

.cd-slider-nav .technology-icons {
    display: block;
    font-size: 30px;
}

#main-slide h3 {
    color: white;
    font-size: 1.1em;
}

@media only screen and (min-width: 768px) {
    .cd-slider-nav {
        margin-bottom: 50px;
    }
}

.cd-hero-slider em {
    color: white;
}

.cd-hero-slider .cd-img-container .icon-php {
    padding-top: 50px;
    font-size: 20em;
}

.cd-hero-slider .cd-img-container .icon-wordpress {
    padding-top: 50px;
    font-size: 20em;
}

/*
.cd-hero-slider .cd-img-container img.php {
    max-width: 80%;
    top: 40%;
}

.cd-hero-slider .cd-img-container img.wordpress {
    max-width: 80%;
    top: 42%;
}
*/

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #65A41E;
    border-color: #65A41E;
}

.btn.btn-primary:hover {
    background: #65A41E;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn.btn-primary.solid.surfondpale:hover {
    background: #65A41E;
}

.fixed-top {
    height: 77px;
}

.title-desc {
    text-transform: none;
}

/*
#navigation svg {
    width: 25px;
}

li.recherche:hover > svg path {
  fill: #82D026 !important;
}
*/

.vouspouvezaider {
    background: #f5f5f5;
}

.lienssociaux {
    padding-top: 57px;
}

.lienssociaux img {
    width: 35px;
    filter: invert(1);
    margin: 0 10px;
}

.lienssociaux a:hover {
    text-decoration:none;
    filter:invert(.5);
    
     -webkit-filter: grayscale(100%) brightness(60%) sepia(48%) hue-rotate(36deg) saturate(1000%) contrast(0.8);
     filter: grayscale(100%) brightness(60%) sepia(48%) hue-rotate(36deg) saturate(1000%) contrast(0.8);
}

.fichepopulaire {
    position: relative;
    padding: 30px 30px 15px 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #e7e7e7;
    margin-bottom: 30px;
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: 2px 2px 6px rgba(37, 24, 24, 0.2);
}

.fichepopulaire h3 {
    text-transform: none;
}

.fichepopulaire .probleme img {
    display: none;
}


.fichepopulaire .contexte {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-style: italic;
    color: #555;
    border-left: 5px solid #82D026;
    padding-left: 10px;
}

.fichepopulaire .btn.btn-primary {
    font-size: 12px;
}