/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

html{
    overflow-x: hidden;
}

p, a, h1, h2, h3, li, span, .h1, .h2, .h3, .h4, input, .hidden-sm-down, .blockreassurance .block-title{
    font-family: "Stylish", serif;
}

/*---------------------- MENU -----------------------------------------------*/
/* VIRER LA BARRE DE RECHERCHE*/

#_desktop_ps_searchbar{
    display: none !important;
}

#ps_searchbar{
    display: none !important;
}

/*---------------------SLIDER-----------------------------------------------*/

.logo-slider{
    width: 25%;
}

.logo-slider2{
    width: 35%;
}

.carousel-caption {
    left: 5% !important;
    right: initial !important;
    width: 40vw;
}

.ps-imageslider__figcaption{
    background-color: initial !important;
}

/* ---------------------BLOC CATEGORIES EN PREMIERE PAGE--------------------- */

.ps-customtext .container{
    margin: 0 !important;
    padding: 0 !important;
}

.cst-flex-cat{
    display: flex;
    flex-wrap: wrap;
    width: 100vw !important;
    /*margin-left: -3.125rem !important;*/
    /*margin-right: -3.125rem !important;*/
  /*  margin-top: -3.125rem !important;*/
}

.cst-cat{
    width: 33.33%;
    height: 400px;
}

@media (max-width: 770px){
   .cst-cat{
        width: 100%;
    }
}

.cst-cat p{
    margin-top: 340px;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
   /* color: white !important;*/
   text-align: center;
    font-weight: 600 !important;
    font-size: 25px !important;
    /*background-color: rgba(0, 0, 0, 0.2);*/
   /* background-color: #ffbc01;*/
  /* background: url(sand5.jpg);	*/
    background: url(sablejaunebande2.png);
	    background-size: cover;
	    background-position: center;
    transition: 0.5s;
    border-bottom-style: solid;
    border-bottom-color: #475c69;
}

.cst-cat p:hover{
    /*background-color: rgba(255, 255, 255, 0.8);*/
    background: none;
    background-color: #475c69 !important;
}

.cst-cat p a{
    color: white !important;
    color: #475c69 !important;
    transition: 0.5s;
}

.cst-cat p a:hover{
    /*color: #2fb5d2 !important;*/
    /*color: #455e69 !important;*/
    color: white !important;

}

#cat1{
    background: url(cat12.jpg);	
	background-size: 150%;
	background-position: center;
}

#cat2{
    background: url(serviette2.jpg);	
	background-size: 150%;
	background-position: center;
}

#cat3{
    background: url(accessoires2.jpg);	
	background-size: 150%;
	background-position: center;
}

#cat4{
    background: url(transaat.jpg);	
	background-size: 200%;
	background-position: center;
}

#cat5{
    /*background: url(nautisme.jpg);*/	
    background: url(vetements.jpg);
	background-size: 100%;
	background-position: center;
}

#cat6{
    background: url(pro.jpg);	
	background-size: 250%;
	background-position: center;
}

#cat1, #cat2, #cat3, #cat4, #cat5, #cat6{
      transition: 25s;
}

#cat1:hover, #cat2:hover, #cat3:hover, #cat4:hover, #cat5:hover, #cat6:hover{
    background-size: 300%;
}



.img-txt-acc{
    margin-left: -3.125rem !important;
    margin-right: -3.125rem !important;
}

/* TEXTE DE LA PREMIERE PAGE */

.txt-1page{
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.txt-1page p{
    margin-left: 70px;
    margin-right: 70px;
    font-size: 20px;
}