/****************************************************
#####################################################
##-------------------------------------------------##
##      			AFMT - Version 2     		   ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2015             ##
## Date      = Juin 2015                           ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.pagewidth{
width:100%;
}
#membre .moduletable{
margin-right:10px;
margin-left:10px;
}
.main-full{width:calc(100% - 20px);margin:0 auto;}
#footer .afmt{
margin-left:10px;
}
#footer .footer-right{
margin-left:10px;
margin-right:10px;
}
.gallery .jg_element_gal, .gallery .jg_element_cat, .gallery .jg_element_txt a{
width:320px;
}
.gallery img.jg_photo{
width:314px;
}
.blcleft{
width:calc(100% - 340px);
}
@media screen and (max-width: 1010px) {
	div.plateau div.plateau_rouge, div.plateau div.plateau_bleu{
	width:300px;
	}
}
@media screen and (max-width: 990px) {
	#menu{
	display:none;
	}
	#small-menu{
	display: block;
	position:relative;
	background:#0d1a8a;
	height:60px;
	border-top:5px solid #d51921;
	width:100%;
	}
	#menu-toggle:before {
	content: "\f0c9";
	font-family: 'icomoon';
	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;
	}
	#small-menu #menu-toggle{
	display: block;	
	width: calc(100% - 10px);
	font-family: lucida_sansregular, arial,tahoma , sans-serif;
	font-size:18px;
	font-weight: normal;
	text-align: left;
	font-size: 18px;	
	border: none;
	cursor: pointer;
	color:#FFF;
	text-decoration:none;
	line-height:60px;
	padding-left:10px;
	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:#d51921;
	}
	.nav, body.active .nav ul.menu{
	display: block;
	}
	.nav #menu-mobile-close{
	padding:10px;
	float:right;
	}
	body.active #container, .nav ul.menu{
	display: none;
	}
	.nav ul.menu{
	padding:20px 0 0;
	}
	.nav li{
	list-style-type:none;
	font-family: lucida_sansregular, arial,tahoma , sans-serif;
	font-size:18px;
	text-align:left;
	position:relative;
	}
	.nav li a, .nav li span{
	color:#FFF;
	display:block;
	width:100%;
	min-height:40px;
	line-height:40px;
	padding-right:-10px;
	padding-left:10px;
	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;
	}
	.nav li.parent ul{
	display:block;
	visibility:hidden;
	height:0;
	border-bottom:3px solid #d51921;
	}
	.nav li.parent ul li.parent ul{
	border:none;
	}
	.nav li.parent > span:after{
	content:"+";
	display:block;
	right:10px;
	top:0;
	position:absolute;
	}
	.nav li.open > span:after{
	content:"-";
	}
	.nav .menu li ul.open{
	visibility:visible;
	height:auto;
	}
	.nav li a:hover, .nav li span:hover{
	text-decoration:none;
	color:#d51921;
	}
	.nav li.accueil a, .nav li.afmt span, .nav li.affiliation span,
	.nav li.regions-clubs a, .nav li.competitions span, .nav li.calendrier span,
	.nav li.formations span, .nav li.contact a{
	padding-left:34px;
	}
	.nav li.competitions ul li.championnats-de-france span{
	padding-left:10px;
	}
	.nav li.accueil a:before, .nav li.afmt span:before, .nav li.affiliation span:before,
	.nav li.regions-clubs a:before, .nav li.competitions span:before, .nav li.calendrier span:before,
	.nav li.formations span:before, .nav li.contact a:before{
	content:'';
	display:block;
	position:absolute;
	height:30px;
	width:30px;
	background: url('../images/icone-menu.png') no-repeat 0 0 transparent;
	left:2px;
	top:2px;
	}
	.nav li.afmt span:before{
	background-position:-30px 0;
	}
	.nav li.affiliation span:before{
	background-position:-60px 0;
	}
	.nav li.regions-clubs  a:before{
	background-position:-90px 0;
	}
	.nav li.competitions span:before{
	background-position:-120px 0;
	}
	.nav li.calendrier span:before{
	background-position:-150px 0;
	}
	.nav li.formations span:before{
	background-position:-180px 0;
	}
	.nav li.contact a:before{
	background-position:-210px 0;
	}
	.nav li.competitions ul li.championnats-de-france span:before{
	display:none;
	}
	.nav li.parent li.rating ul{
	display:none;
	}
	.listing-boxeurs, .search-boxeurs{
	float:none;
	margin:0 auto;
	}
}
@media screen and (max-width: 980px) {
	#visform1, .category-desc{
	float:none;
	margin:0 auto;
	}
}
@media screen and (max-width: 950px) {
	.diplome-edit .formleft{
	float:none;
	width:100%;
	}
	.diplome-edit .formright{
	float:none;
	margin:0 auto;
	}
	.elements-bas{
	justify-content:center;
	}
	.elements-bas #bloc320{
	margin-right:10px;
	}
}
@media screen and (max-width: 940px) {
	.content-regions-clubs .ligues{
	float:none;
	margin:0 auto;
	}
	.btns-aff{
	justify-content:center;
	}
}
@media screen and (max-width: 930px) {
	div.plateau div.plateau_rouge, div.plateau div.plateau_bleu{
	width:260px;
	}
}
@media screen and (max-width: 920px) {
	.rating-connexion, .rating-listing{
	float:none;
	width:100%;
	}
	.rating-listing .boxeurs{
	justify-content:center;
	}
	.rating-connexion{
	margin-top:10px;
	height:auto;
	padding-bottom:50px;
	}
	.rating-listing h2{
	text-align:center;
	}
}
@media screen and (max-width: 879px) {
	.connection-lic fieldset.logincreate{
	margin-top:10px;
	}
}
@media screen and (max-width: 850px) {
	div.plateau div.plateau_rouge, div.plateau div.plateau_bleu{
	width:220px;
	}
}
@media screen and (max-width: 820px) {
	.recherche-input{
	width:230px;
	}
}
/**end file***/