@media (max-width:600px) {

	.row	{
		padding-left:15px;
		padding-right:15px;
	}
	
}

#vitrine	.encard_article_fils	{
	height:300px!important;
}

#ec	.encard_article_blog	{
	background-color: #0000ff08;
}

.encard_article_blog	.encard_article_fils	.actu_date	{
	   position: absolute;
    font-size: 12px;
    font-weight: bold;
    background-color: #b4c4ff;
    z-index: 10;
    padding: 5px 15px;
    top: -20px;
    color: #555555;
}

.encard_article_blog	.encard_article_fils	img	{
	width: 80%;
	max-width:initial!important;
	max-height:initial!important;
}

.encard_article_blog	.encard_article_fils	.extrait_article_text	{
	font-size:0.9em;
	margin-top:20px;
}




.ws_edit	{
	position: absolute;
	right: 20px;
	bottom: 50px;
	background-color:#00000060!important;
	border-radius: 15px;
	padding: 15px;
	color: white;
	font-weight: 600;
}
.ws_edit	img		{
	width:30px;
	margin-left:15px;
	filter:invert(1);
}



.init_bandeau_mx .bandeauSearch {
	height:140px!important;
}
.init_bandeau_mx .bandeauSearch .logo {
	height:130px!important;
}
.init_bandeau_mx .bandeauSearch .champsrecherche2::placeholder {
	color:#000000e6;
}
.init_bandeau_mx .bandeauSearch .champsrecherche2 {
	border-radius: 20px!important;
	padding: 13px!important;
	font-size: 11px!important;
	float:right!important;
	margin-top:10px!important;
	margin-right:25px!important;
	background-color:#ffffffe6!important;
}
.init_bandeau_mx .bandeauSearch .utility img {
	width:20px!important;
}
#bouton_panier span {
	background-color: rgb(255 255 255)!important;
	display:none;
}
.init_bandeau_mx .bandeauSearch .profil_nom {
	width:max-content!important;
	right: 17px!important;
	top: 55px!important;
	bottom:initial!important;
	color:#ffffffd6!important;
}


@media (min-width:960px) {
	.bandeauSearch .ws_reduit	{
		display:none!important;
	}
}
@media (max-width:960px) {

	.bandeauSearch .ws_reduit	{
		display:initial!important;
	}
	.bandeauSearch .ws_menu	{
		display:initial!important;
		z-index: 1;
		text-align:left!important;
        right: 0 !important;
        left: initial !important;
        /* width: initial !important; */
        width: 150px!important;
	}
	.bandeauSearch .ws_menu .ws_menu_n1	{	
		display:none;
		background-color: black;
		/* width: 200px!important; */
		width: 150px!important;
		border-radius: 0 0 0 0!important;
		text-align: right!important;
	}
	.bandeauSearch .ws_menu .ws_menu_n2	{
		left:initial!important;
		right:200px!important;
		top:0px!important;
		/* min-width:100%; */
		border-radius: 10px 0 0 10px!important;
		/* text-align:right; */
	}
		
	.ws_carrousel 	#ws_carrousel_detail	{
		display:none;
	}
}




.bandeauSearch .ws_menu	a, .bandeauSearch .ws_menu	a:active, .bandeauSearch .ws_menu	a:hover {
	text-decoration:none;
	color:white;
}

.bandeauSearch .ws_menu	{
	position:absolute;
	/* border:1px solid white; */
	
	width:calc(100% - 200px);
	height:60px;

	left:200px;				
	bottom:0px;
	
	text-align:center;
	color:white;

	display:flex;

	font-size:13px!important;
	
	z-index:20;
}
.bandeauSearch .ws_reduit	{
	display:none;
}
.bandeauSearch .ws_reduit	img	{
    width: 50px;
    filter: invert(1);
    /* margin-left: 120px; */
    margin-left: 80px;
}
.bandeauSearch .ws_menu .ws_menu_n1	{
	padding:15px;
	width:max-content;
	min-width:60px;
	border-radius:7px 7px 0 0;
	white-space:nowrap;
	height:70px;
	position:relative;
	z-index:10;
}
.bandeauSearch .ws_menu .ws_menu_n1	span{	
	font-size:20px;
	position: absolute;
	margin-top: -5px;
	margin-left: 2px;
}
.bandeauSearch .ws_menu .ws_menu_n2	{
	position:absolute;
	top:60px;
	right:0px;
	z-index:10;
	min-width:100%;
	border-radius: 0 0 10px 10px;
	text-align:right;
	background-color:black!important;
	opacity:0.9;
}
.bandeauSearch .ws_menu .ws_menu_n2	p{
	color:white;
	padding: 5px 15px;
	font-size:13px!important;
	border-radius: 0 0 10px 10px;
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif!important;
}
.bandeauSearch .ws_menu .rouge:hover, .bandeauSearch .ws_menu .rouge p:hover	{
	background-color:red;
}
.bandeauSearch .ws_menu .vert:hover, .bandeauSearch .ws_menu .vert p:hover	{
	background-color:green;
}
.bandeauSearch .ws_menu .jaune:hover, .bandeauSearch .ws_menu .jaune p:hover	{
	background-color:rgb(255, 214, 0) !important;
}
.bandeauSearch .ws_menu .rouge .ws_menu_n2	{
	background-color:red;
}
.bandeauSearch .ws_menu .vert:hover	{
	background-color:green;
}
.bandeauSearch .ws_menu .jaune:hover	{
	background-color:rgb(255, 214, 0) !important;;
}


.ws_actualites	{
	width:100%;
}
.ws_actualites	p, .ws_actualites	h1, .ws_actualites	h2{
	font-style:initial!important;
}
.ws_actualites	table{
	width:100%!important;
	max-width:100%!important;
}
.ws_actualites	img{
	width:100%!important;
	/* height:initial!important; */
}

.ws_carrousel 	{
	position:relative;
	max-height: 70vh;
    overflow: hidden;
}
.ws_carrousel 	#ws_carrousel_detail	{
	position:absolute;
	color:white;
    left: 10%;
    top: 10%;
    width: 60%;
    background-color: #00000096;
    padding: 50px;
    border-radius: 15px;
}
.ws_carrousel 	#ws_carrousel_titre	{
	font-size:45px;
	font-weight:bold;
}
.ws_carrousel 	#ws_carrousel_texte	{
	font-size:20px;
}
.ws_carrousel 	#ws_carrousel_btn	{
	background-color:red;
	width:200px;
    padding: 10px;
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}
.ws_carrousel 	#ws_carrousel_btn	a, .ws_carrousel 	#ws_carrousel_btn	a:active, .ws_carrousel 	#ws_carrousel_btn	a:hover {
	color:white;
}

.ws_carrousel img	{
	width:100%;
}





/*************************************** RESET CSS ***********************/


.ws_actualites{
    /* background:#fefefe!important; */
    /* font-family:"Grold slim"; */
    /* font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important; */
    font-size:14px!important;
    line-height:1.45em!important;
    color:#333!important;
    font-weight:400!important
}
.ws_actualites a{
    color:#15c!important;
    text-decoration:underline!important
}
.ws_actualites blockquote,.ws_actualites div,.ws_actualites ol,.ws_actualites p,.ws_actualites ul{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    background:0 0!important;
    margin:0!important;
    margin-bottom:15px!important;
    line-height:1.4em!important;
    /* font-family:"Grold slim"; */
    /* font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important; */
    font-size:14px!important;
    border:none!important
}
.ws_actualites hr,.ws_actualites iframe,.ws_actualites object{
    margin-bottom:15px!important
}
.ws_actualites blockquote{
    margin-left:32px!important;
    font-style:italic!important;
    color:#555!important
}
.ws_actualites ul{
    list-style:disc!important
}
.ws_actualites ol{
    list-style:decimal!important
}
.ws_actualites ol,.ws_actualites ul{
    padding-left:20px!important
}
.ws_actualites ol ol,.ws_actualites ol ul,.ws_actualites ul ol,.ws_actualites ul ul{
    border:none!important;
    margin:2px!important;
    padding:0!important;
    padding-left:24px!important
}
.ws_actualites hr{
    display:block!important;
    height:1px!important;
    border:none!important;
    border-top:1px solid #ccc!important
}
.ws_actualites h1,.ws_actualites h2,.ws_actualites h3,.ws_actualites h4{
    color:#111!important;
    background:0 0!important;
    margin:0!important;
    padding:0!important;
    font-weight:700!important
}
.ws_actualites h1{
    font-size:32px!important;
    line-height:38px!important;
    margin-bottom:20px!important
}
.ws_actualites h2{
    font-size:26px!important;
    line-height:34px!important;
    margin-bottom:15px!important
}
.ws_actualites h3{
    font-size:22px!important;
    line-height:28px!important;
    margin-bottom:7px!important
}
.ws_actualites h4{
    font-size:16px!important;
    line-height:22px!important;
    margin-bottom:7px!important
}

/*************************************** RESET CSS ***********************/




.formulaire-contact	{
	
}
.formulaire-contact	.fc_row{
	width:100%;
	margin-bottom:20px;
}
.formulaire-contact input[type=submit]{
	width:200px!important;
	background-color:rgb(255,214,0);
	border:0px!important;
	border-radius:10px;
	font-weight:bold;
}
.formulaire-contact textarea{
	height:180px;
}
.formulaire-contact	input, .formulaire-contact textarea{
	padding:15px;
	width:100%;
	border:1px solid #ccc;
}
.formulaire-contact	.fc_input_50{
	width:calc(49% - 2px);
}