@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;400&display=swap');
html
{
    font-family: Karla, sans-serif;
}
#wrap{
    background-color: transparent !important;
}

body{
    margin: 0;
}

#searchForm
{
    display: flex;
    justify-content: center;
}

#searchForm label, select
{
    color: white;
}

#searchForm  .select-circuits, .select-voitures
{
   margin: 10px 20px;
}


#searchForm button
{
    background-color: yellow;
    color: black;
    padding: 10px;
}

#searchForm #choixCircuit, #choixVoiture
{
    appearance: none;
}


#topbar{
    background-color: #0f6eb0 !important;
    top: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    padding-top:4px;
    min-height: 40px !important;

}

.top-bar span
{
    font-size: 15px;
    color: white;
}

.top-bar .exergue
{
    font-size: 20px;
    color: yellow;
    font-weight: bold;
}

.top-bar
{
    min-height: unset !important;
}


#wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button-separator {
	display: none !important;
}


#wrap #header,#header.sticky #nav-wrap{
    background: white !important
}
#wrap #header #nav a
{
    color: black !important;
}
/*.menu-item */

/* NAVIGATION BAR  */

#nav-wrap .container { position:relative;}
.nav-wrap1, .nav-wrap2 { height:100px;  position:relative; border-color:#f0f0f0;}
.nav-wrap2 { height:83px; margin:0 auto; border:none;}
.nav-wrap2.mn4 { height:59px;}

#header, #header.sticky #nav-wrap #nav {
    background: transparent !important;
}

#header.sticky:before #nav-wrap .voitures, .circuits, .datesdisponibles, .bonscadeaux
{
    display: none;

}

#nav li {
    list-style: none;
    padding:0;
    margin:0;
    display: block;
    height: 100%;
    vertical-align: middle;
    position:static;
    text-align: center;
}

#nav a {
	margin-top:10px !important;
    line-height: 30px !important;
}
#nav ul {
	width:240px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}



.voitures:before{
/*    content:url(/wp-content/themes/easyweb/images/voiture-cabriolet.png) ;
    position:relative;
    left:-3px;
    top:10px;*/
	position: relative;
    top: 18px;
    content: "";
    display: inline-block;
    width: 64px;
    height: 49px;
    background: url(/wp-content/themes/easyweb/images/voiture-cabriolet.png) no-repeat;
    background-size: 100%;
    background-position: center center !important;
}

.circuits:before{
/*    content:url(/wp-content/themes/easyweb/images/circuit.png) ;
    position:relative;
    left:-3px;
    top:10px;*/
	position: relative;
    top: 17px;
    content: "";
    display: inline-block;
    width: 64px;
    height: 49px;
    background: url(/wp-content/themes/easyweb/images/circuit.png) no-repeat;
    background-size: 90%;
    background-position: center center !important;

}

.datesdisponibles:before{
/*    content:url(/wp-content/themes/easyweb/images/calendar.png) ;
    position:relative;
    left:-3px;
    top:10px;*/
	position: relative;
    top: 15px;
    content: "";
    display: inline-block;
    width: 64px;
    height: 49px;
    background: url(/wp-content/themes/easyweb/images/calendar.png) no-repeat;
    background-size: 73%;
    background-position: center center !important;
}

.bonscadeaux:before{
/*    content:url(/wp-content/themes/easyweb/images/bon_cadeau.png) ;
    position:relative;
    left:-3px;
    top:10px;*/
	position: relative;
    top: 18px;
    content: "";
    display: inline-block;
    width: 64px;
    height: 49px;
    background: url(/wp-content/themes/easyweb/images/bon_cadeau.png) no-repeat;
    background-size: 80%;
    background-position: center center !important;
}

.circuits ul li a
{
    text-align: center !important;

}

.circuits ul li a img
{
    text-align: center;
    max-width: 50% !important;
}

.sticky .voitures:before
{
    content: none;
}

.sticky .circuits:before
{
    content: none;
}

.sticky .datesdisponibles:before
{
    content: none;
}

.sticky .bonscadeaux:before
{
    content: none;
}


#header.sticky #nav-wrap #nav > li > a {
    color: white !important;
    margin-top: -15px !important;
}


#header.sticky #nav-wrap #nav > li > a {
    margin: 0;
    padding: 23px 15px;
    line-height: 18px;
}
#header.sticky #nav-wrap #nav > li > a:hover
{
    color: inherit !important;
}
/*.menu-item-9975:before{
    content:url(/wp-content/themes/easyweb/images/shopping.png) ;
    position:relative;
    left:-3px;
    top:10px;
}*/



.mon_div {
    background-color: #eaeaea;
}




.blocProduit
{

    width: 409px;
    padding: 50px;
    margin: 20px;

}

.titre
{
    padding: 0 10px;
    line-height: 1.4;
    border: 0;
    border-left : 5px solid #0f6eb0;
    border-right : 5px solid #0f6eb0;
	margin-top:15px;
	text-transform: uppercase;
	color :#000000 !important;
}
.titre .text-muted {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
}

.woocommerce ul.products li.first {
	clear: none !important;
}
.woocommerce ul.products li.product {
	width: 33.333% !important;
	margin:0px 0px 60px 0px !important;
	padding: 0px 20px !important;
}
.titre a, .titre a:hover, .titre a:visited {
	color: #000;
}
.titre a:hover {
	text-decoration: underline;
}
.prix small {
	color: #616161;
	font-size:12px;
	text-transform: none;
}
.titre span
{
    font-weight: 600;
	font-size: 18px;
}

.prix p {
    line-height: 1;
    font-weight: bold;
    font-size: 20px;
}


.image img{
    max-width: 100%;
}

#topFooter
{
    background: #282C35;
    width: 100%;
    bottom: 0;
}

#topFooter li{
    color: white;
}


.liens a
{
    line-height: 2;
    text-decoration: none;
    color: white !important;
    list-style: none;

}

li
{
    list-style-type: none !important;
}

/* STYLE POUR FAQ*/
p.reponse
{
    display: none;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    font-size:20px !important;
    line-height: 30px;
}

h3.question
{
    line-height: 30px;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


h3
{
    font-weight : bold;
}

.arrow
{
    position: absolute;
    right: 1.75rem;
    height: 1.25rem;
    font-size:  40px;
    color: blue;
    margin-top: -70px;
}


#footer-logo
{
    max-width: 50% !important;
    margin-bottom: 20px !important;
}

.info
{
    line-height: 0.5;
}

.exergue
{
    font-size: 30px;
    color: yellow;
    font-weight: bold;
}

/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 20px;
    width: 37px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white !important;
}

.fa-instagram {
    color: white !important;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

#Endfooter
{
    background: black;
    width: 100%;

}

#Endfooter p
{
    padding: 10px;
    color: grey;
}

@media (max-width: 815px)
{
    .voitures:before{
        content:url(/wp-content/themes/easyweb/images/voiture-cabriolet.png) ;
        position:relative;
        left:-3px;
        top:10px;
        display: none;
    }

    .circuits:before{
/*        content:url(/wp-content/themes/easyweb/images/circuit.png) ;
        position:relative;
        left:-3px;
        top:10px;*/
        display: none;
    }

    .datesdisponibles:before{
        content:url(/wp-content/themes/easyweb/images/calendar.png) ;
        position:relative;
        left:-3px;
        top:10px;
        display: none;
    }

    .bonscadeaux:before{
        content:url(/wp-content/themes/easyweb/images/bon_cadeau.png) ;
        position:relative;
        left:-3px;
        top:10px;
        display: none;
    }

    #topbar {
        background-color: #0f6eb0 !important;
        top: 0;
        width: 100%;
        height: 60px;
        text-align: center;
        padding-top: 4px;
        min-height: 40px !important;
    }

    #wrap h1, #wrap h2, #wrap h3, #wrap h4, #wrap h5, #wrap h6 {
        font-size: 12px !important;
        /*margin-bottom: 35px !important; */
    }


}


@media screen and (max-width: 960px) {
    .container h1 {
        padding: 10px !important;
    }



}

    time.selected {
        border: 3px solid rgb(175, 217, 31) !important;
    }
    time.icon
    {
      font-size: 1em; /* change icon size */
      display: block;
      position: relative;
      width: 7em;
      height: 7em;
      background-color: #fff;
/*      margin: 0px auto;*/
	  margin: 0px;
      border-radius: 0.6em;
      box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -webkit-transform: rotate(0deg) skewY(0deg);
      -webkit-transform-origin: 50% 10%;
      transform-origin: 50% 10%;
    }

    time.icon *
    {
      display: block;
      width: 100%;
      font-size: 1em;
      font-weight: bold;
      font-style: normal;
      text-align: center;
    }

    time.icon strong
    {
      position: absolute;
      top: 0;
      padding: 0.4em 0;
      color: #fff;
      background-color: #fd1b1b;
      border-bottom: 1px dashed #ea1f1f;
      box-shadow: 0 2px 0 #fd1b1b;
    }

    time.icon em
    {
      position: absolute;
      bottom: 0.3em;
      color: #100900;
    }

    time.icon span
    {
      width: 100%;
      font-size: 1.8em;
      letter-spacing: -0.05em;
      padding-top: 45px;
      color: #2f2f2f;
    }

    time.icon:hover, time.icon:focus
    {
      -webkit-animation: swing 0.6s ease-out;
      animation: swing 0.6s ease-out;
    }

    @-webkit-keyframes swing {
      0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
      20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
      60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
      80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
      100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
    }

    @keyframes swing {
      0%   { transform: rotate(0deg)  skewY(0deg); }
      20%  { transform: rotate(12deg) skewY(4deg); }
      60%  { transform: rotate(-9deg) skewY(-3deg); }
      80%  { transform: rotate(6deg)  skewY(-2deg); }
      100% { transform: rotate(0deg)  skewY(0deg); }
    }

@media screen and (min-width: 600px){


    .has-mega-menu{
        position:static;
    }
    li.has-mega-menu .sub-menu {
        width: 100%;
        position: absolute;
        top: NNpx; /*insert the needed value*/
        z-index: 100;
        left:0px;
        right:0px;
    }
    li.has-mega-menu:hover>.sub-menu{
    /*flexbox fallback for browsers that do not support CSS GRID lyout*/
        display: flex;
        flex-wrap: wrap;
    /*CSS GRID lyout*/ 
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(50%, 1fr));   
    }
}
@media screen and (min-width: 992px){
    li.has-mega-menu:hover>.sub-menu{grid-template-columns: repeat(auto-fit,minmax(33.3333%, 1fr)); }
}
@media screen and (min-width: 1200px){
    li.has-mega-menu:hover>.sub-menu{grid-template-columns: repeat(auto-fit,minmax(25%, 1fr)); }
}
@media screen and (min-width: 600px){
    li.mega-menu-column {
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding: 10px 25px;
        flex: 1 0 calc(50%);
    }
}
@media screen and (min-width: 992px){
    li.mega-menu-column {flex: 1 0 calc(33.333%);}
}
@media screen and (min-width: 1200px){
    li.mega-menu-column {
		flex: 1 0 calc(25%);
		width: 25%;
		float:left !important;
	}
    li.mega-menu-column a {
		text-align:center !important;
	}
    li.mega-menu-column a img {
		margin-left: auto;
		margin-right: auto;
		display: block !important;
	}
}
#nav li.has-mega-menu:hover > ul {
	width: 100% !important;
}

.product-template-default #headline {
	display:none;
}

.woocommerce div.product {
	padding-top: 50px !important;
}

.woocommerce h1.product_title, .woocommerce .product_title {
    font-size: 28px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;	
    color: #000 !important;
}
.product .entry-summary div p {
	font-size:16px !important;
}

.woocommerce-tabs {
	display: none !important;
}
.woocommerce-tabs {
	display: none !important;
}
.woocommerce-variation {
	display: none !important;
}

.wapf-product-totals .wapf--inner div:nth-child(1), .wapf-product-totals .wapf--inner div:nth-child(2) {
	display: none !important;
}

.woocommerce div.product form.cart div.quantity {
	display: none !important;
}
.woocommerce div.product .summary form.cart tr:nth-child(odd) td {
	background: transparent !important;
}

.woocommerce div.product form.cart .variations select {
	margin: 0px !important;
}
.woocommerce div.product form.cart .variations label {
	text-transform: none !important;
	font-weight: bold !important;
	font-size: 18px !important;
}
.woocommerce div.product .summary form.cart table {
	background: transparent !important;
	border: none !important;
}


span.wapf-grand-total.price.amount {
	color: #0f6eb0 !important;
	font-size:30px important;
}

.woocommerce table.cart img, .woocommerce #content table.cart img {
	width: auto !important;
}
.wapf-product-totals {
	margin-bottom: 30px;
}

#main-content.container .woocommerce {
	padding: 0px !important;
}
#search-form {
	display: none !important;
}
li.wpmenucartli a.wpmenucart-contents span {
	color: black !important;
	font-size: 14px !important;
	font-weight: 600 !important;
    margin-top: 1px !important;
}
.wpmenucart-contents {
	padding-top: 10px !important;
}
li.wpmenucartli a.wpmenucart-contents span.amount {
	display: none !important;
}
.wpmenucart-icon-shopping-cart-0 {
	font-size: 40px !important;
	color: #0f6eb0 !important;
}

.ts-tetra.testimonials-slider-w .testimonial-content {
	margin-left:0px !important;
	margin-right: 0px !important;
}