/****************************************************
#####################################################
##-------------------------------------------------##
##               gardette - Version 1              ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2021             ##
## Date      = aout 2021                           ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.pagewidth{
width:calc(100% - 20px);
}
@media screen and (max-width: 952px){
	.menu-fixed .flex-elements{
	justify-content:flex-start;
	}
	#top-menu{
	display:none;
	}
	#small-menu{
	display:flex;
	justify-content:normal;
	z-index:500;
	top:0;
	}
	#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;
	color:#F8B121;
	}
	#small-menu #menu-toggle{
	display: block;
	font-family: louis_george_cafebold, arial, tahoma, sans-serif;
	width: 100%;
	font-size:24px;
	font-weight: normal;
	text-align: left;
	border: none;
	cursor: pointer;
	color:#143D6A;
	text-decoration:none;
	line-height:50px;
	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;
	}
	#mobile-menu li{
	list-style-type:none;
	text-align:left;
	position:relative;
	font-size:18px;
	font-family: louis_george_cafebold, arial, tahoma, sans-serif;
	}
	#mobile-menu li a, #mobile-menu li span{
	color:#143D6A;
	display:block;
	width:100%;
	text-transform:uppercase;
	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 i{
	display:none;
	}
	#mobile-menu li a:hover{
	text-decoration:none;
	color:#F8B121;
	}
	.footer .right{
	margin-left:40px;
	margin-top:0;
	}
	#visform2 .visCSSlabel{
	font-size:30px;
	}
}
@media screen and (max-width: 800px){
	#visform2 .visCSSlabel{
	flex-direction:column;
	text-align:center;
	}
	.brochure a{
	width:78px;
	height:53px;
	display:block;
	background:url("../images/pictos.png") no-repeat -220px -310px transparent;
	}
}
@media screen and (max-width: 770px){
	.footer{
	flex-direction:column;
	}
	.footer .left{
	width:100%;
	}
	.footer .right{
	margin:0;
	text-align:center;
	}
	.footer .right a:not(.brochure){
	justify-content:center;
	}
}
@media screen and (max-width: 600px){
	.leading-0{
	text-align:center;
	}
	.chiffre1{
	flex-direction:column;
	}
	.chiffre1 h5, .chiffre2 h5{
	margin:0;
	}
	.chiffre2{
	flex-direction:column-reverse;
	}
	.chiffre p{
	margin-top:0;
	}
}
@media screen and (max-width: 550px){
	.leading-2 ul li:nth-child(2):after, .leading-2 ul li:nth-child(4):after{
	display:none;
	}
	.leading-2 ul li{
	flex-direction:column;
	}
	.leading-2 ul li:nth-child(2):before, .leading-2 ul li:nth-child(4):before{
	content:'';
	display:block;
	background:url("../images/pictos.png") no-repeat -124px -170px transparent;
	width:122px;
	height:122px;
	}
	.leading-2 ul li:nth-child(4):before{
	background-position:-380px -170px;
	}
}
@media screen and (max-width: 420px){
	.leading-2 ul li p{
	width:100%;
	}
}
 /**end file***/