/****************************************************
#####################################################
##-------------------------------------------------##
##               kingkong - 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);
}
.corde-ring{
bottom:-20px;
}
@media screen and (max-width: 900px){
	#content{
	padding-top:20px;
	}
	.menu-fixed{
	display:none;
	}
	#small-menu{
	display:flex;
	position:fixed;
	width:100%;
	height:50px;
	background:#000;
	justify-content:normal;
	z-index:500;
	top:0;
	}
	#small-menu .logo-s{
	margin-top:2px;
	margin-left:2px;
	}
	#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:#34d330;
	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;
	}
	#mobile-menu li a, #mobile-menu li span{
	color:#34d330;
	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 a:hover{
	text-decoration:none;
	color:#fff;
	}
	#small-menu .logo{
	width:60px;
	position:absolute;
	left:50%;
	top:5px;
	margin-left:-30px;
	}
	.container-accueil .content .tetegorille{
	display:none;
	}
	.container-accueil .content .item-page{
	min-height:auto;
	}
	.container-accueil .textes{
	width:100%;
	}
	.contact-bas .tetegorilleright{
	display:none;
	}
	.contact-bas .logo{
	max-width:300px;
	}
	.header{
	padding-top:50px!important;
	}
	.container-presentation .element-left{
	margin-right:50px;
	}
	.carte iframe{
	width:400px;
	}
}
@media screen and (max-width: 800px){
	.footer .flex-elements{
	justify-content:center;
	}
	.menu-bas ul, .telephone{
	margin-left:0;
	}
	.corde-ring{
	bottom:0;
	}
	.container-presentation .content .moduletable .flex-elements{
	flex-wrap:wrap;
	}
	.container-presentation .element-left, .container-presentation .element-right{
	margin:0;
	width:100%;
	text-align:center;
	}
	.container-presentation .element-left{
	margin-bottom:20px;
	}
	.container-combattants .content .image-left img{
	width:300px;
	}
}
@media screen and (max-width: 770px){
	.slideshow{
	border:0;
	width:100%;
	max-width:100%;
	height:400px;
	}
	.slideshow img{
	width:100%;
	}
}
@media screen and (max-width: 750px){
	.contact-bas .logo{
	display:none;
	}
	.gallery_img img{
	height:auto;
	}
	.container-actualites .item-page .flex-elements{
	flex-direction:column;
	}
	.container-actualites .item-page .flex-elements .image-left{
	margin-right:0;
	width:auto;
	text-align:center;
	}
	.container-actualites .item-page .flex-elements .textes{
	width:100%;
	text-align:center;
	}
}
@media screen and (max-width: 700px){
	.slideshow{
	height:380px;
	}
}
@media screen and (max-width: 650px){
	.slideshow{
	height:350px;
	}
	.container-combattants .content .items-leading .flex-elements{
	flex-direction:column;
	align-items:center;
	}
	.image-left{
	margin-right:0;
	}
}
@media screen and (max-width: 600px){
	.fond-ring-s{
	display:block;
	width: inherit;
	height: inherit!important;
	border-radius: inherit;
	max-width: none!important;
	min-height: 100%;
	object-fit: cover;
	object-position: center center;
	position:absolute;
	top:0;
	}
	.corde-ring{
	display:none;
	}
	.parallax-section {
	background-position:center center;
	background-attachment:local;
	background:transparent!important;
	}
	#parallax-bas{
	height:auto;
	min-height:auto;
	}
	.no-parallax-section{
	display:block;
	position:relative;
	}
	.footer .flex-elements{
	flex-wrap:wrap;
	}
	.footer .flex-elements{
	width:100%;
	margin-bottom:20px;
	}
	.slideshow{
	height:320px;
	}
	.container-galerie .content .item-page iframe{
	width:100%!important;
	height:auto!important;
	}
}
@media screen and (max-width: 550px){
	.slideshow{
	height:290px;
	}
	.header .moduletable h1{
	font-size:30px;
	}
}
@media screen and (max-width: 500px){
	.contact-bas .formulaire{
	width:100%
	}
	.slideshow{
	height:250px;
	}
}
@media screen and (max-width: 450px){
	.telephone{
	margin-top:20px;
	width:100%;
	text-align:center;
	}
	.slideshow{
	height:230px;
	}
}
@media screen and (max-width: 400px){
	.carte iframe{
	width:100%;
	}
}
@media screen and (max-width: 400px){
	.slideshow{
	height:200px;
	}
}
@media screen and (max-width: 350px){
	.slideshow{
	height:180px;
	}
}
 /**end file***/