/****************************************************
#####################################################
##-------------------------------------------------##
##              lucioles - Version 1               ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2021             ##
## Date      = juillet 2021                        ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.pagewidth{
width:calc(100% - 20px);
}
#footer .luciole{
left:20px;
}
@media screen and (max-width: 970px){
	.moduletablecarrousel .mod-custom{
	width:600px;
	}
}
@media screen and (max-width: 850px){
	.moduletableentreprises .custom{
	justify-content:center;
	}
	.moduletableentreprises .entreprise{
	margin-right:5px;
	margin-left:5px;
	}
}
@media screen and (max-width: 815px){
	#footer .moduletable{
	width:100%;
	}
}
@media screen and (max-width: 800px){
	.menu-fixed, #top-menu{
	display:none!important;
	}
	.header{
	border-bottom:0;
	}
	#small-menu{
	display:flex;
	width:100%;
	height:50px;
	justify-content:space-around;
	align-items:center;
	z-index:500;
	background-color: #D7DE83;
	color:#FFF;
	}
	#small-menu .logo{
	width:140px;
	padding:5px;
	background:#FFF;
	}
	#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:#FFF;
	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;
	}
	#small-menu a{
	color:#FFF;
	}
	#mobile-menu li{
	list-style-type:none;
	text-align:left;
	position:relative;
	font-size:18px;
	}
	#mobile-menu li a, #mobile-menu li span{
	color:#fff;
	display:block;
	width:100%;
	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 a:hover{
	text-decoration:none;
	color:#fff;
	}
	#mobile-menu li div.souligne{
	display:none;
	}
	.item-page .flex-ligne{
	flex-direction:column;
	align-items:center;
	}
	.item-page .item-textes{
	width:100%;
	margin-left:0;
	}
	.page-header h1{
	margin-top:15px;
	}
}
@media screen and (max-width: 690px){
	.moduletablecarrousel .mod-custom{
	width:300px;
	}
}
@media screen and (max-width: 600px){
	#visformcontainer fieldset{
	width:100%;
	}
	.field36 .visCSStop0{
	display:flex;
	flex-wrap:wrap;
	}
}
@media screen and (max-width: 500px){
	.visform .floatleft, .visform .floatright{
	width:100%;
	float:none;
	}
	.copyright{
	display:none;
	}
	.copyright-s{
	display:block;
	}
	.field11, .field14, .field38, #visformcontainer .visform .floatleft, label#form2dateaccueillbl, label#form2nbresemainescongeslbl, 
	label#form2nbreenfantslbl, label#form2ageenfantlbl, label#form2seullbl, label#form2heuressemaineslbl, label#form2vosrevenuslbl,
	.field12, .field15, .field39, #visformcontainer .visform .floatright, .field28 .field-calendar, .field34 .visCSSmargLeft, .field36 .visCSSmargLeft{
	float:none;
	width:100%;
	}
	.visform .field29 input, .visform .field32 input, .visform .field33 input, .visform .field35 input{
	width:calc(100% - 16px);
	}
	label#form2dateaccueillbl, label#form2nbresemainescongeslbl{
	text-align:left;
	}
	#visformcontainer .visform .visBtnCon .btn{
	font-size:35px;
	}
}
@media screen and (max-width: 450px){
	.content-3 .flex-ligne{
	justify-content:center;
	flex-direction:column;
	align-items:center;
	}
	.fonctionnement ul li{
	margin: 0;
	}
	#footer .contact{
	padding-top:60px;
	}
	.container-entreprises .content-2 .moduletable h3::before, .container-entreprises .content-2 .moduletable h3::after{
	display:none;
	}
}
@media screen and (max-width: 400px){
	.item-page .item-image{
	width:250px;
	height:225px;
	}
	#visformcontainer .visform .visBtnCon .btn{
	font-size:30px;
	}
}
@media screen and (max-width: 370px){
	a.bt-prev{
	left:-20px;
	}
	a.bt-next{
	right:-20px;
	}
}
 /**end file***/