/*
* Style tweaks
http://www.justinaguilar.com/animations/
* --------------------------------------------------
*/


/*
VERT 			#2d7a37
ORANGE 			#df8409
*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans);

@media screen {
	
* { 
	font-family: 'PT Sans', sans-serif;
	outline: none !important;

}

html {
	overflow-x: hidden  !important; /* Prevent scroll on narrow devices */
}

body {
	padding-top: 0px;
	margin:0;
	font-size: 14px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../../../images/design/fonds/fond-base-prod.jpg');
	background-attachment: fixed;
	color: #fff !important;

}
	
body.fond-base {
	background-image: url('../../../images/design/fonds/fond-base-prod.jpg');
}
	

body.fond-defi {
/*	background-image: url('../../../images/design/fonds/fond-defi.jpg');*/
	background-image: url('../../../images/design/fonds/fond-club.jpg');
}
	
body.fond-club {
	background-image: url('../../../images/design/fonds/fond-club.jpg');
}
	
/*
body.fond1 {
background-image: url('http://www.partennis.fr/images/design/fonds/fond-1.jpg');
}
body.fond2 {
background-image: url('http://www.partennis.fr/images/design/fonds/fond-2.jpg');
}	
body.fond3 {
background-image: url('http://www.partennis.fr/images/design/fonds/fond-3.jpg');
}
*/

.clear { clear:both; }
.br.clearfix  {  white-space: pre; line-height: 1.5em !important; }
.justify { text-align: justify !important; }
	
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 200;
	line-height: 1.0;
	padding:0; 
	margin:0 !important;
}
	
h1 { 
	margin: 0.2em 0 !important;
	white-space:word-wrap;
}
	
h2 { font-size: 1.8em !important; }
h3 { font-size: 1.4em; }
h4 { line-height: 1.8 !important; }

.apercu_user .h4 { font-size: 2.0em !important; }
.apercu_user .h5 { font-size: 1.0em !important; }
.users_tool_box .fa { color: #ae561b !important; }
	
a { color: #fff; }
	
.small { font-size:0.8em !important; }
.small-lg { font-size:1.5em !important; }
.small-xs { font-size:0.6em }
	
/* Image Noir et blanc */
img.desaturate { filter: grayscale(100%); }
img.desaturate:hover { 
	filter: none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;	
}
	
/* BACKGROUNDS */
.white-bg	{ background: #ffffff; }
.light-bg	{ background: url('../../../images/design/fonds/fond-boxe.png'); color: #333 !important; box-shadow: 0 2px 12px rgba(200, 200, 200, 1); }
/*.light-bg a	{ color: #333 !important; }*/

.orange-bg	{ background: #d37b1f;   }
.dark-bg	{ background: #000; }
.dark-bg a	{ color: #fff !important; }
	
.paper-bg { color: #333 !important; background: url('../../../images/design/fonds/fond-paper.png') repeat top left;}		
.paper-bg a { color: #333 !important }		
	
.radius { border-radius: 5px; }

.orange { color: #df8409; }
.vert { color: #2d7a37; }
.black { color: #000 !important;}

/* Titre light */
.light { color: #ccc !important; font-size:0.9em; }
	
	
.ui-datepicker-div a.ui-state-default { color: #000 !important; }	
a.black,a.black:visited,a.black:hover { color: #000 !important;  }
	
/* Center Main Container */
.main { min-height: 1200px; padding-bottom: 20px; border-bottom: 1px solid #FFF; }
	
/* Center responsive images */
.centered { margin: 0 auto !important; }

div.addthis_native_toolbox {
	width: 80px;
	margin: 10px auto;
}
	
.border-bottom { border-bottom: 10px solid #fff; padding-bottom: 20px;}
.bordered { border: 6px solid #fff; }
	
img.pics_user {	
	-webkit-filter: brightness(1.2) !important;
	-moz-filter: brightness(1.2) !important;
	-o-filter: brightness(1.2) !important;
	-ms-filter: brightness(1.2) !important;
}	
	
/* Membres */
img.radius { border-radius: 80px; }
	
/* loading photo */
#progress { background: none !important;}
	
/* Colonne de droite */
#droite { padding-right: 13px !important; padding-top: 13px; }
	
#home #age { width: 290%; }	
	
/* TOP PAGE */

/* Top barre */	
#top_bar {  font-size: 1em; padding: 5px 13px 0 0; }
#top_bar a { padding: 0px 5px 0 3px; color: #333 !important; }
/*#top_bar .dropdown-menu li { width: 250px; }*/
#top_bar .container .pull-right { margin-right: 2px; }

#zone_form_login { margin-top: -60px; }

#disponibilites label.is_time { border: 2px solid #fff;padding:2px; }

/* Icons sociale */
ul.social_icons { float: left; list-style-type: none; padding: 0px 5px 0 0; font-size: 2em; }
ul.social_icons li { display:inline-block; }
	
#menu.stuck {
	position:fixed;
	top:0;
	left:0;
	box-shadow:0 2px 4px rgba(0, 0, 0, .3);
	width:100%;
	z-index: 1000 !important
}	
#menu a { color: #333 !important; font-size:1.0em;}
#menu a:hover { color: #fff !important; background: #ae561b; }
	

#logo { padding: 10px 0 0 5px; width: 250px; }
.baseline { position: relative; font-size: 1.6em; clear:left; top: -40px; padding:0; margin:0; font-weight: 500; color: #2d7a37; }
.navbar-brand img { width: 70px; }

/* Formulaires */
label { font-size: 1.2em !important; }
legend { font-size: 1.8em !important; color: #fff !important; text-align:center;}
textarea { min-height: 150px;}
.form-control { font-size: 1.2em !important; }	
		
.btn-default, .btn-black { color: #333 !important; }
.btn.disabled { background: #FFFFFF; border: 1px solid #DDDDDD; }
.btn-success { background: #84b386 !important;  border: 1px solid #30713b; }
.btn-primary { color: #fff !important; }
.badge.niveau {
  font-size: 2.0em;
}
	
#form_recherche .fa { font-size: 1.6em !important; }	
	
/* Carousels */
#owl_last_members .item { height: 115px; }
#owl_last_members img  { 
	display: table-cell;
	vertical-align: middle;
	min-width: 100px;
	height: 100px;
	max-width: 100px;
	color: #506A85;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #3333;
	border-radius: 50%;
	overflow: hidden;
	text-decoration: none;
}
 
#owl_last_members img:hover {
	width: 105px;
	height: 105px;
	max-width: 105px;			
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;	
}


/* Page inscription .ul_no_style */
ul.ul_no_style { list-style-type: none; margin:0 !important; padding: 15px !important; }
ul.ul_no_style.no_padding {  padding:0 !important; }
	
#footer ul.nav {  width:100%; list-style-type: none; text-align: center; min-height: 100px; padding-top: 2%;}
#footer ul.nav li { display:inline-block;}
#footer ul.nav li a:hover { color: #000 !important;}
	
.pagination {}
	.pagination li { float: left; margin-right: 2px; }
	.pagination a { color: #333 !important; font-size:2.0em !important; padding-top: 0px !important; padding-bottom: 0px !important; }

/* Tables Hover */	
.table-hover tr:hover, .table-hover tr:hover a { color: #333 !important; }
		
/*===================================================================================*/
/*	PAGE PADDINGS
/*===================================================================================*/
.inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.inner-md {
	padding-top: 65px;
	padding-bottom: 65px;
}
.inner-sm {
	padding-top: 50px;
	padding-bottom: 50px;
}
.inner-xs {
	padding-top: 40px;
	padding-bottom: 40px;
}
.inner-top {
	padding-top: 80px;
}
.inner-top-md {
	padding-top: 65px;
}
.inner-top-sm {
	padding-top: 50px;
}
.inner-top-xs {
	padding-top: 40px;
}
.inner-bottom {
	padding-bottom: 80px;
}
.inner-bottom-md {
	padding-bottom: 65px;
}
.inner-bottom-sm {
	padding-bottom: 50px;
}
.inner-bottom-xs {
	padding-bottom: 40px;
}
	
.inner-bottom-xss {
	padding-bottom: 20px;
}	
	
.inner-top-xss {
	padding-top: 20px;
}
	
.outer {
	margin-top: 120px;
	margin-bottom: 120px;
}
.outer-md {
	margin-top: 100px;
	margin-bottom: 100px;
}
.outer-sm {
	margin-top: 80px;
	margin-bottom: 80px;
}
.outer-xs {
	margin-top: 40px;
	margin-bottom: 40px;
}
.outer-xss {
	margin-top: 10px;
	margin-bottom: 10px;
}	
.outer-top {
	margin-top: 120px;
}
.outer-top-md {
	margin-top: 100px;
}
.outer-top-sm {
	margin-top: 80px;
}
.outer-top-xs {
	margin-top: 40px;
}	
	
.outer-top-xss {
	margin-top: 10px;
}
.outer-bottom {
	margin-bottom: 120px;
}
.outer-bottom-md {
	margin-bottom: 100px;
}
.outer-bottom-sm {
	margin-bottom: 80px;
}
.outer-bottom-xs {
	margin-bottom: 40px;
}		

.outer-bottom-xss {
	margin-bottom: 10px;
}	
	
.padding { 
	padding: 20px; 
}
		
.padding-xs  { 
	padding: 10px; 
}			
.padding-left-xs  { 
	padding-left: 20px; 
}	
		
.padding-images  { 
	padding: 0 10px 0 0; 
}			
	
	
/*===================================================================================*/
/*	TABS CIRCLED ON TOP
/*===================================================================================*/

.tabs-circle-top p.padding {
	font-size: 1.2em !important;
}		
.tabs-circle-top .etabs {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
}
.tabs-circle-top .etabs:before {
	content: '';
	display: block;
	margin: 65px 0 -65px;
}
.tabs-circle-top .tab {
	display: inline-block;
	height: 160px;
	position: relative;
	top: 0;
	margin: 0 25px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.tabs-circle-top .tab a {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	max-width: 130px;
	background: #ffd42e;
	color: #333 !important;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px;
	border: 1px solid #fff;
	border-radius: 10%;
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
	
.tabs-circle-top .tab a div {
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-circle-top .tab a:hover {
	border: 10px solid #ffffff;
	text-decoration: none;		
	border-radius: 50%;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;				
}
	
		
.tabs-circle-top .tab.active {
	top: -15px;
}
.tabs-circle-top .tab.active a {
	height: 160px;
	width: 160px;
	max-width: 160px;
	background: #ffffff;
	font-size: 15px;
	line-height: 140%;
	color: #333 !important;
	border: 10px solid #ffd42e;
	border-radius: 50%;
}
.tabs-circle-top .tab.active a div {
	font-size: 50px;
	margin: -13px 0 8px;
}
.tabs-circle-top.tab-container .panel-container {
	min-height: 180px;
}
.tabs-circle-top.tab-container .panel-container p {
	margin: 0;
	padding-bottom: 20px;
}
	
.tabs-circle-top a:hover { text-decoration:none !important;}
	
/*===================================================================================*/
/*	END TABS CIRCLED ON TOP
/*===================================================================================*/	

/* MODAL ET IFRAME */
body.iframe { background: #fff; color: #333 !important; }
	
body.modal-open {
	overflow: hidden;
	position:fixed;
	width: 100%;
}	
   
.modal, .modal a { color: #333 !important; }

/* Modal alerts */
.alertify { background: #000 !important; font-size: 1.8em !important; }
.alertify-logs { text-align:center; width: 100% !important;font-size: 1.8em !important; width: 110% !important; bottom: 0 !important; margin-right:0 !important; }
.alertify-logs .fa { font-size: 1.8em !important; }

.users_tool_box {}
	.users_tool_box .fa { font-size: 2.0em !important;  }

	/* Top page */
	.return_top_page {
		display: none;
		border-radius: 50px !important;
		position: fixed;
		right: 15px;
		text-decoration: none;
		color:#333;
		bottom: 5%;
		cursor: pointer;
	}
	
	.fa-2 { 
		font-size: 3em !important; color: #fff; 
	}
	
	/* ariane */
	.breadcrumb {
		background: none !important;
		margin: 0 !important;
		padding: 15px 0 0 0 !important;
	}
	
	.breadcrumb a {
		padding-right: 5px; 
		border-right: 1px solid #ccc;
		padding-left: 5px;
		color: #fff !important;
	}	
	.breadcrumb a:first-child {	
		padding-left: 10px;
	}
	.breadcrumb a:last-child {	
		border-right: none;
	}	

}


/* Large desktop */
@media (min-width: 1200px) { 
	.tabs-circle-top .tab {
		margin: 0 10px;
	}	
		
}
 
@media (min-width: 1199px) and (max-width: 1244px) {  
	.tabs-circle-top .tab {
		margin: 0 0px;
	}	
		
}
 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) {  
	#home #age { width: 165%; }	
	
	.tabs-circle-top .tab {
		margin: 0 0px;
	}	
		
}

@media (max-width: 992px) { 
	.tabs-circle-top .tab {
		margin: 0 10px;
	}	
	#home #age { width: 150%; }	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	#tetiere { min-height: 10px !important; }	
	.navbar-brand img { margin-top: -8px !important;}	
	#menu.stuck { display: none !important;	}		

	#top_bar { padding: 5px 13px 5px 0; }

	#zone_form_login { margin-top: 0px; float: left; }	
	#form_login { width: 100% !important; }

	.alertify-logs { font-size: 1.0em !important; }
	
	.tabs-circle-top .tab {
		margin: 0 5px;
	}

	#home #age { width: 240%; }	

}

/* Portrait phones 4-5 and down */
@media (max-width: 479px) { 

	#menu.stuck { display: none !important;	}	
	
	#top_bar { padding: 5px 13px 5px 0; }
	
	#zone_form_login { margin-top: 0px;  }	
	
	#home #age { width: 110%; }	
	
	#disponibilites table { padding:0 !important;  font-size:0.7em !important; }
	#disponibilites label.is_time { border: 0px solid #fff;padding:1px; }	
	#disponibilites label { padding:0px; }	
	
	.tabs-circle-top .tab {
		margin: 0 10px !important;
		height: 150px !important;
	}		
	
	.tabs-circle-top .tab a {
	  font-size: 12px;
	  height: 100px;
	  max-width: 100px;
	  width: 100px;
	}	
	
	.users_tool_box .btn { font-size: 0.7em !important;}
	
	.apercu_user .h4 { font-size: 1.4em !important; }	
	.apercu_user img.bordered { height:120px; }	
	#form_recherche .fa { font-size: 1.4em !important; }
	
}

@media screen and (max-width: 767px) {

}


@media print {
	a:after{ content: none !important; }	
	.hideforprint, #top_bar, #top_nav, #tetiere, .breadcrumb, footer, .moteur {
		display: none !important; 
	}
	h2 { font-size:1.2em !important; }
	h3 { font-size: 10pt !important; }	
}  


/* Monetizer */
.tm-placeholder, 
[id^="moneytizer"], 
.themoneytizer-placeholder {
    background: transparent !important;
    animation: none !important; /* Arrête le clignotement/défilement de la barre */
}

/* 2. Supprime la fausse barre de progression si elle est générée par un pseudo-élément */
.tm-placeholder::before, 
.tm-placeholder::after {
    display: none !important;
}