/****************************************************#######################################################-------------------------------------------------####                maville - Version 2              ####-------------------------------------------------#### Copyright = diabloedesign.com- 2021             #### Date      = avril 2021                          #### Author    = olivier angevin                     #### Websites  = http://www.diabloedesign.com        ####                                                 #######################################################****************************************************/
@charset "UTF-8";
.pagewidth{width:100%;}.leading:not(.connection-cpte, .ceation-cpte), .item-page, .ic-event{width:calc(100% - 20px);}#visformcontainer .item-page{width:calc(100% - 60px);}.header .reseaux{left:10px;}.ic-more-info{right:-6px;bottom:-6px;}
.cart-view{margin-left:10px;margin-right:10px;}
@media screen and (max-width: 1090px){#slider{	min-height:40%;	}}@media screen and (max-width: 1090px){	#footer .pagewidth{	margin:0 10px;	width:calc(100% - 20px);	}	#footer .newsletters{	padding:0 20px;	}}
@media screen and (max-width: 1080px){.moduletableavenir, .moduletabletravaux{margin:0 auto;	float:none;	}.content-avis{width:calc(100% - 40px);margin:0 auto;}}
@media screen and (max-width: 1062px){.moduletablebienvenue, .moduletablebref{margin:0 auto;	float:none;	margin-bottom:40px;	}}
@media screen and (max-width: 990px){	#footer .pagewidth{	justify-content:center;	}	#footer .webcams, #footer .newsletters, #footer .menubas{	width:320px;	}	#footer .newsletters{	border-right:0;	}}
@media screen and (max-width: 990px){.jtcs_item_wrapper{width:540px;margin:0 auto;}}
@media screen and (max-width: 985px){.blog-actualites{justify-content:center;margin-top:20px;}.blog-actualites .item-small{	margin:20px;	}}
@media screen and (max-width: 950px){.connect-or-crea{flex-direction:column;align-items:center;}}
@media screen and (max-width: 920px){.header{height:66px;}	.header .logo{width:240px;}	.recherche{	top:170px;	}	.menu-fixed{	top:73px;	}	#container{	padding-top:166px;	}}
@media screen and (max-width: 810px){
	#container{	padding-top:0px;height:100%;min-height:100%;}
	.header{position:relative;	height:auto;}
	.header .reseaux{position:relative;justify-content:center;top:0;left:0;	margin-bottom:10px;}
	.recherche{	position:relative;	-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none;	top:0;	right:0;	display:flex;	justify-content:center;	}
	.menu-fixed, a.btn-recherche{display:none;}
	#small-menu{display:flex;position:relative;	width:100%;	height:106px;	background:url("../images/menu.png") repeat center bottom transparent;	justify-content:left;	align-items:center;	z-index:200;	}
	#small-menu a.btn-compte{right:10px;}
	#menu-toggle:before{	content: "\f0c9";	font-family: 'FontAwesome';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	position: relative;	top: 1px;	line-height: 0;	font-size: 28px;	margin-right:10px;	margin-left:10px;	}
	#small-menu #menu-toggle{	display: block;		width: 100%;	font-size:24px;	font-weight: normal;	text-align: left;	border: none;	cursor: pointer;	color:#31353d;	text-decoration:none;	line-height:100px;	transition:all 0.3s ease-out;	-webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out;	-moz-transition:all 0.3s ease-out;	}
	#small-menu #menu-toggle:hover{	text-decoration:none;	color:#9dc02e;	}
	#mobile-menu ul.menu{padding:20px 0 0;}	#mobile-menu li{list-style-type:none;font-size:20px;text-align:left;position:relative;margin:0!important;}	#mobile-menu li a, #mobile-menu li span{color:#31353d;display:block;width:100%;min-height:30px;line-height:30px;padding-right:10px;padding-left:10px;margin:0!important;cursor:pointer;text-decoration:none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
	#mobile-menu li span.separator{padding-left:10px;}	#mobile-menu li.parent ul{display:block;visibility:hidden;height:0;}
	#mobile-menu li.parent ul li.parent ul{border:none;}
	#mobile-menu li.parent > .btn_smenu:after{	content:"+";	display:block;	right:10px;	top:0;	position:absolute;	border:1px solid #31353d;	line-height:20px;	width:20px;	text-align:center;	color:#31353d;	cursor:pointer;	}	#mobile-menu li.open > .btn_smenu:after{	content:"-";	}	#mobile-menu .menu li.open ul{	visibility:visible;	height:auto;	}	#mobile-menu .menu li.close ul{	display:block;	visibility:hidden;	height:0;	}	#mobile-menu li a:hover, #mobile-menu li span:hover{text-decoration:none;color:#9dc02e;}	#menu-mobile-close{float:right;margin-top:5px;margin-right:5px;font-size:30px;}
	#slider{margin-top:-12px;}	.slider .phrase h1{	margin-left:0;	width:100%;	text-align:center;	}
	.etatcivil{flex-direction:column}.etatcivil div{width:calc(100% - 20px);margin:10px;} .etatcivil div.naissances{border-right:0;border-bottom:1px solid #9dc02e;padding-bottom:40px;}
}
@media screen and (max-width: 730px){#slider{	min-height:0;	}}@media screen and (max-width: 700px){	#footer .newsletters{	border:0;	}	#footer .webcams, #footer .newsletters, #footer .menubas{	padding:0 20px;	width:300px;	}
}@media screen and (max-width: 650px){.moduletableavenir{width:600px;background:#FFF;-webkit-box-shadow: 0px 0px 10px 1px #31353d;	-moz-box-shadow: 0px 0px 10px 1px #31353d;	filter:progid:DXImageTransform.Microsoft.Glow(Color=#31353d,Strength=11);	zoom:1;	box-shadow: 0px 0px 10px 1px #31353d;	margin-bottom:40px;	}}
@media screen and (max-width: 600px){.moduletableavenir, .moduletableavenir h3{	width:calc(100% - 20px);}.ic_eventlistmoduletableavenir{width:100%;	}.ic_eventlistmoduletableavenir .ic-event-div{width:calc(100% - 30px);}.leading .pull-right, .item-page .pull-right{float:none;	margin:0;	text-align:center;	max-width:100%;	}.visform .field1, .visform .field2, .visform .field3, .visform .field4{width:100%;	float:none;	}}
@media screen and (max-width: 600px){.default_eventlist .iceventlist-title{	font-size:12px;	}.default_eventlist .iceventlist-desc{padding-top:0;}.sectiontableentry .vm-cart-item, .vm-cart-total{width:100%;padding-right:0;}	
	.vm-cart-item-quantity{justify-content:flex-start;}
	.vm-cart-item-quantity .vm2-remove_from_cart{margin-left:10px;}
	.cart-title{display:none;}	
	.cart-title-small{display:inline-block;}
	.vm-cart-item-total{margin-top:20px;border-bottom:1px solid #000;margin-bottom:10px;}}
@media screen and (max-width: 580px){.ceation-cpte{width:calc(100% - 40px);}.label_zone, .input_zone{width:100%;}}
@media screen and (max-width: 560px){.jtcs_item_wrapper{width:calc(100% - 20px)}.jt-cs .jt-inner{width:100%;height:auto;background:#FFF;margin:0 auto;}.fond-title{left:15px;bottom:0;width:calc(100% - 30px);}.jt-cs .jt-inner img{	-webkit-box-shadow: 0px 0px 10px 1px #31353d;	-moz-box-shadow: 0px 0px 10px 1px #31353d;filter:progid:DXImageTransform.Microsoft.Glow(Color=#31353d,Strength=11);zoom:1;	box-shadow: 0px 0px 10px 1px #31353d;}.jt-cs .owl-carousel .owl-nav .owl-prev{left:5px;}.jt-cs .owl-carousel .owl-nav .owl-next{right:5px;}.jt-cs .jt-inner .readmore{margin-top:-25px;margin-right:-15px;}}
@media screen and (max-width: 545px){.moduletablebref, .moduletablebref h3{	width:calc(100% - 20px);	}	.moduletablebref{	background:#FFF;	-webkit-box-shadow: 0px 0px 10px 1px #31353d;	-moz-box-shadow: 0px 0px 10px 1px #31353d;	filter:progid:DXImageTransform.Microsoft.Glow(Color=#31353d,Strength=11);	zoom:1;	box-shadow: 0px 0px 10px 1px #31353d;	}	.moduletablebref .category-content{	width:100%;	}}
@media screen and (max-width: 520px){.moduletablebienvenue{	width:calc(100% - 20px);	}}
@media screen and (max-width: 440px){.header .abonnements{position:relative;top:0}}
@media screen and (max-width: 430px){.moduletabletravaux{	background:#FFF;	-webkit-box-shadow: 0px 0px 10px 1px #31353d;	-moz-box-shadow: 0px 0px 10px 1px #31353d;	filter:progid:DXImageTransform.Microsoft.Glow(Color=#31353d,Strength=11);	zoom:1;	box-shadow: 0px 0px 10px 1px #31353d;	margin-bottom:40px;	}	.moduletabletravaux, .moduletabletravaux h3{	width:calc(100% - 20px);	}	.ic_eventlistmoduletabletravaux{	width:100%;	}	.ic_eventlistmoduletabletravaux .ic-event-div{	width:calc(100% - 30px);	}}
@media screen and (max-width: 370px){.item-article .connection-cpte{width:calc(100% - 40px);}}
@media screen and (max-width: 330px){.connection-cpte,.category-view .browse-view .row .product:not(.js-recalculate){width:calc(100% - 40px);}input.addtocart-button{width:calc(100% - 15px)}}
 /**end file***/