@charset "utf-8";
/* CSS Document */


h1.h1_activite {
	text-transform: none !important;
	text-align: center;
}

.div_prochain_cours_col_right {
    display: inline-block;
    float: left;
}
.div_prochain_cours_col_left {
    display: inline-block;
    float: left;
	padding-right: 55px;
}
.div_prochain_cours {
    display: table-cell;
	padding-bottom: 27px;
}

.div_prochain_cours_col_right td {
    padding: 0px 10px 10px 0px;
}

.single_table_planning_activite{
	width: auto !important;
/*	text-align: center !important;*/
	
}

.single_table_planning_activite>tbody>tr{
	border: none !important;
}

.btn_planning{
	background-color: #5587b6 !important;
    border: 2px solid #5587b6 !important;
}

.container_objectif {
	text-align: center !important;
}

.titre_intensite {
	text-align: center;
}

.intensite_bullets_align_left {
	margin:0 auto !important;
	text-align: center !important;
}
.grid_activites_container {
/*	margin:0 100px;*/
	font-family:Open Sans !important;

}

.container_planning.is_hidden {
	display:none;
}

.container_thumbnail_activite {
	width:250px;
	height:250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
	margin:20px auto 10px auto;
	background-color:rgba(63,63,63,1.00);
	overflow:hidden;
}
.container_thumbnail_activite img {
	min-height:250px !important;
}
.grid_activites_container h2 , .grid_activites_container .h2_2{
	font-size:26px !important;
	line-height:25px !important;
/*	text-transform: uppercase;*/
	font-weight:400;
	text-align: center;
	color:#394c6d;
	font-family:Josefin Sans;
}
.grid_activites_container .h2_2 {
	padding-top:20px;
	padding-bottom:20px;
}
.grid_activites_container .titre_intensite {
	font-size:15px !important;
	text-transform: uppercase;
	color:#394c6d;
	text-align: center;
	
}

.grid_activites_container h2 span, .grid_activites_container .h2_2 span {
	display:block;
	font-size:25px;
	font-weight:800;
	padding-top:10px ;
	float:right;
	width:50%;
	text-align: left;
		
}

.grid_activites_container .extrait {
	padding:10px 30px;
	margin:0px !important;
	font-size:13px;
	line-height:15px;
	text-align: center;
	color:#394c6d;
}

.grid_activites_container .intensite {
	text-align: center;
}
.grid_activites_container .intensite img {
	max-width:20px;
}


.grid_activites_container .container_cta {
	position:absolute;
	bottom:0px;
	width:100%;
}
.grid_activites_container .container_cta a {
	padding:10px 0px;
	text-align: center;
	color:#ffffff;
	display:block;
	width:100%;
	font-weight:500;
}

.grid_activites_container .titre_meta {
	color:#394c6d;
	padding-top:15px;
	font-weight:500;
	
}
.grid_activites_container .meta {
	color:#394c6d;
}

.f1_container {
  position: relative;
  float:left;
  margin: 10px 20px;
  width: 22%;
  height:500px;
  overflow: hidden;
}
.f1_container {
/*  perspective: 1000;*/
}
.f1_card {
  width: 100%;
  height: 100%;
/*  transform-style: preserve-3d;*/
  transition: all 0.5s linear;
/*	position: relative!important;*/
}
.f1_container:hover .f1_card {
/*  transform: rotateY(180deg);*/
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
/*  transform: rotateY(180deg);*/
  box-sizing: border-box;
  padding: 10px 0px;
  color: white;
  text-align: center;
}
.cta_ensavoirplus{
	position: relative;
	top:50%;
/*	left: 50%;*/
	height: 100%;
/*	cursor: pointer;*/
	
	
}
.select_filtres_activites option::before{
   content: '';
   display: inline-block;
   width: 15px;
   height: 15px;
   -moz-border-radius: 7.5px;
   -webkit-border-radius: 7.5px;
   border-radius: 7.5px;
   background-color: #69b6d5;
}
.div_align_center{
	text-align: center;
}
.cta_abonnements {
    text-align: center;
    background-color: #eb6938;
	padding: 3px;
	width: 332px;
	display: inline-block;
}
.cta_abonnements a {
 color: #ffffff; 
}.cta_abonnements a:hover {
 color: #ffffff; 
font-weight: 700;
}
.cta_programme_activites {
    text-align: center;
    background-color: #35476b;
	padding: 3px;
	width: 332px;
	display: inline-block;

}
.cta_programme_activites a {
 color: #ffffff; 
}.cta_programme_activites a:hover {
 color: #ffffff; 
 font-weight: 700;
}
.cta_ensavoirplus a{
	text-align: center;
	color: #ffffff;
	font-weight:600; 
/*	top: 50%;*/
}
.cta_slideup{
	position: absolute;
	z-index: 10000000;
	width: 100%;
	bottom: 0px;
	text-align: center;
	height: 0px;
	line-height:100%;
	  transition:height 1s ease;
}
.f1_card:hover .cta_slideup {
	height:100%;
}
.container_filtre_activites {
	text-align :center !important;
	margin:0px !important;
}
.type_activite_item {
	display:inline-block;
	text-align: center;
	width:185px;
	height:50px;
	margin-bottom:20px !important;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:800;
	font-size:13px;
	font-style:italic;
	overflow: hidden;
	cursor:pointer;
}
.type_activite_item.active {
	background-color:#434343 !important ;
	
}


.type_activite_item span {
	display:block;
	width:150px;
	height:150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	margin:0px auto;
	margin-top:-50px;
	padding-top:67px;
	line-height:15px;
	
}

.type_activite_item span.deux_lignes {
	padding-top:60px;
}


.type_activite_item2 {
    display: inherit;
    text-align: center;
    width: 100%;
    height: 80px;
/*    margin-bottom: 20px !important;*/
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    font-style: italic;
    overflow: hidden;
}



.type_activite_item2 span {
	display: block;
    width: 150px;
    height: 155px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    margin: 0px auto;
    margin-top: -50px;
    padding-top: 67px;
    line-height: 15px;
	
}
.z_index_up{
	z-index: 1002 !important;
}
.btn_before_activite{
	position: fixed;
    top: 40%;
    width: 15%;
	float: left;
	margin-left: 21px;

}

.btn_next_activite{
	position: fixed;
    top: 40%;
	width: 14%;
	float: right;
	margin-right: 21px;
}


.type_activite_item2 span.deux_lignes {
	padding-top:80px;
}


@media only screen and (max-width: 1735px)  {
	.grid_activites_container {
		margin:0 0px;	
	}
	.f1_container {
	  width: 29%;
	}
}

@media only screen and (max-width: 1325px)  {
	.f1_container {
	  width: 28%;
	}

}

@media only screen and (max-width: 1000px)  {
	.f1_container {
	  width: 45%;
	}

}
.container_filtre_activites_liste label {
	display:inline-block;
	margin-right:30px;
}



/* NEXT ACTIVITES IN PLANNING /**********************/
.container_next_item  {
	color:#394c6d;
	font-family:Open Sans;
}
.container_next_item .heure {
	padding:32px 0px;
	text-align: center;
	font-size:22px;
	font-weight:600;
	padding-bottom:20px;

}
.container_next_item .gauche {
	float:left;
	width:40%;
}
.container_next_item .droite {
	float:right;
	width:60%;
}
.container_next_item .container_thumbnail {
	width:150px;
	height:150px;
	margin:0 auto;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	overflow: hidden;
	margin-bottom:15px;
}

.container_next_item  .terme_1 {
	text-align: center;
	text-transform: uppercase;
	font-weight:200;
	font-size:35px;
	line-height:35px;
}
.container_next_item  .terme_2 {
	text-align: center;
	text-transform: uppercase;
	font-weight:700;
	font-size:25px;
	line-height:25px;
}

.container_next_item  .extrait {
	font-size:13px;
	line-height:15px;
	padding:0px 20px;
	text-align: center;
	padding-bottom:20px;
	
}

.container_next_item .titre_meta{
	text-align: center;
	font-weight:500;
	font-size:14px;
}
.container_next_item .meta{
	text-align: center;
	font-size:13px;
	padding-bottom:10px;
}




/* PLANNING DES COURS /***********************/
.container_planning {

}
.container_planning .colonne {
	float:left;
	width:14.25%;
	color:#35476b;
}
.container_planning .jour {
	background-color: #296192;
	color:#ffffff;
	padding:10px;
	text-align: center;
	text-transform: uppercase;
	
}


.container_planning  .cours_item {
	border-bottom:solid 1px  #296192;
	border-top:dotted 1px  #296192;
	padding-bottom:20px;
	position:relative;
	background-color: #ffffff;
	width:100%;
}

.container_planning .colonne{
	border-right:solid 1px  #296192;
	border-left:solid 1px  #296192;
	margin-left:-1px;
	padding:0px !important;
	border-bottom:solid 1px  #296192;
} 

.container_planning .infos_2 {
	display:none;
}

.container_planning .debut {
	text-align: center;
	font-size:13px;
	font-weight:500;
	padding-left:0px;
	padding-top:5px;
}
.container_planning .terme_1 {
	text-align: center;
	font-size:17px;
	line-height:17px;
	font-weight:700;
	text-transform: none;
	padding-top:5px;
	font-family:Josefin Sans !important;
}

.container_planning .terme_2{
	text-align: center;
	font-size:15px;
	line-height:13px;
	font-weight:700;
	text-transform: uppercase;
	font-family:Josefin Sans !important;
}

.container_planning .cta1 a, .container_planning .cta2 a {
	display:block;
	width:100%;
	color:#ffffff;
	padding:8px 0px;
	text-align: center;
	text-transform: uppercase;

}



@media (max-width: 768px){
.container_planning .colonne {
    float: none;
    width: 100%;
    color: #35476b;
}
}


/* BULLETS INTENSITE ACTIVITES */
ul.intensite_bullets {
	text-align:center;
	margin:0px !important;
	padding:0px !important;
}
.intensite_bullets li {
	list-style: none;
	display:inline-block;
	margin:0 2px;
	width:20px;
	height:20px;
	border:solid 3px #394c6d;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.intensite_bullets li.active {
	background-color: #394c6d;
	
}
/* --------------------------------------------------------- */


/* PLANNING FILTRES */
.container_filtre_activites_liste label {
	display: inline-block;
	width:200px;
}
/* --------------------------------------- */

@media only screen and (max-width: 768px)  {
	.type_activite_item {
		display:inline-block;
		text-align: center;
		width:140px;
		height:50px;
		margin-bottom:0px !important;
		color:#ffffff;
		text-transform: uppercase;
		font-weight:800;
		font-size:13px;
		font-style:italic;
		overflow: hidden;
		cursor:pointer;
	}
	.type_activite_item span {
		display:block;
		width:100%;
		height:50px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius:0px;
		margin:0px auto;
		padding-top:17px !important;
	}

	.type_activite_item span.deux_lignes {	
		padding-top:11px !important;
	}
	
	.container_filtre_activites_liste {
		text-align: center !important;
	}
	.container_filtre_activites_liste label {
		display:block;
		margin-bottom:10px !important;
		width:auto !important;
		margin-right: 0px !important;
	}	
	
	

	.container_filtre_activites_liste label select, .container_filtre_activites_liste button {
		float:right;
	}	
	
	.container_planning .colonne {
		height:auto;	
	}
	
	.cours_item {
		height:auto !important;
		position:relative !important;
		margin-top:0 !important;
	}
	
}

@media (max-width: 998px){
	.grid_activites_container {
		margin:0 20px;
		font-family:Open Sans !important;

	}

	
}

.bulle-activite-single {
/*
    margin-top: 50px !important;
    margin-left: 100px !important;

    padding-top: 75px !important;
    /* padding-right: 50px !important; 
    padding-bottom: 50px !important;*/
    /* padding-left: 50px !important; */
	position:absolute;
	top:60px;
	left:200px;
    border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
    /* background-color: #130000 !important; */
    width: 200px !important;
    height: 200px !important;
	border: 7px solid #000000;
	font-family:Josefin sans;
}
.bulle-activite-single .bulle_nom_activite{
    color: #ffffff;
	position: relative;
	text-align: center;
	font-size:40px;
	text-transform: uppercase;
	line-height:30px;
	padding-top:70px;
	font-weight:100;
}

.bulle-activite-single .bulle_nom_activite span {
	font-size:24px;
	font-weight:800;
}
.bulle-activite-single h1{
/*	left:30%;*/
	
}

@media (max-width: 768px){
	.bulle-activite-single {
		position:relative;
		border-top-left-radius: 100px !important;
		border-top-right-radius: 100px !important;
		border-bottom-right-radius: 100px !important;
		border-bottom-left-radius: 100px !important;
		/* background-color: #130000 !important; */
		width: 200px !important;
		height: 200px !important;
		border: 7px solid #000000;
		font-family:Josefin sans;
		margin:150px auto 0px auto;
		top: auto;
		left: auto;
	}
	
	.single_activite_content {
		text-align: center !important;
	}
	
	.div_prochain_cours {
		text-align: center !important;
	}
	.div_prochain_cours_col_right {
		margin-top:20px;
		float:none;
		width:100%;
	}
	
	.div_prochain_cours_col_left {
		padding-right:0px !important;
		float:none;
		width:100%;
	}
	
	.single_table_planning_activite {
		width:100% !important;
	}
	
	.single_table_planning_activite td {
		width:50% !important;
	}
	
	.single_table_planning_activite td:first-child {
		text-align:center;
	}
	
	.single_table_planning_activite tr td:nth-child(2) {
		text-align:left;
	}
	
	.btn_planning {
		width:100%;
		margin:10px 0px !important;
		font-size:12px !important;
		font-weight:500 !important;
	}
	
	.single_activite_cta_container {
		margin-top:15px !important;	
		width:100%;
	}
	
	.single_activite_cta_container .cta_reserver {
		font-size:12px !important;
		font-weight:500 !important;
		width:100% !important;
		display:block;
	}
}




.single_infos {
	text-align: center;
}

.single_infos p{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size:13px;
	width:60%;
	
	
}

.single_infos div{
	width: 100%;
	display: inline-table;
	margin:20px 0px ;
}

.single_activite_cta_container  {
	margin-top:30px;
}

.single_activite_cta_container .cta_reserver  {
	padding:10px 30px;
	background-color: #EBEBEB;
	font-size:20px;
	font-weight:600;
}
.single_activite_cta_container .cta_reserver i {
	margin-right:20px;
}

/* BULLETS INTENSITE ACTIVITES ALIGN LEFT */
ul.intensite_bullets_align_left {
	text-align:left;
	margin:0px !important;
	padding:0px !important;
}
.intensite_bullets_align_left li {
	list-style: none;
	display:inline-block;
	margin:0 2px;
	width:20px;
	height:20px;
	border:solid 3px #394c6d;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.intensite_bullets_align_left li.active {
	background-color: #394c6d;
	
}
/* --------------------------------------------------------- */



/*
#select_horaire option {

text-align:right;
}



.titre_horaire p, .titre_tarif p, .titre_planning p {
	font-size:16px;
	text-transform: uppercase;
	padding:20px 20px 0 20px;

	text-align:left;
	margin-top:0px;
	text-align: center;
	font-weight:600;
}
*/

/*
.container_select_horaire,.container_select_planning  {
	text-align: center;
	margin-top:10px;

}
*/


/*
.horaires_tab li {
	width:12%;
	display:inline-block;
	text-align:center;
	color:#000000;	
	padding:0px 10px;
	font-size:14px;
	border-right:dotted 2px #20bfd5;
	height:50px;
	vertical-align: middle !important;
}

.horaires_tab li:last-child {
	border-right:none;
}

.horaires_tab li.current {
	color:#20bfd5;	
} 

.horaires_tab {
	position:relative;
}

.horaires_tab.header_tab li {
	color:#20bfd5;
	text-transform: uppercase;
	font-weight:400;
	font-style:italic;
	font-size:15px;
	border: none !important;
}


@media (max-width: 1100px){
	.horaires_tab li {
    	width: 11.5%;
	}
}
@media (max-width:950px){
	.horaires_tab li {
    	font-size:12px !important;
	}
}
@media (max-width:860px){
	.horaires_tab li {
    	width: 11%;
    	font-size:11px !important;	
	}
}


@media (max-width: 768px){
	.horaires_tab li {
		display:block;
		width:100%;
		border-bottom:dotted 2px #20bfd5;
		border-right:none;
		text-align: left;
			height:auto;
		padding-bottom:10px;
		padding-top:10px;
	}
	.horaires_tab {
		margin-left:0px !important;
	}
}


@media (max-width: 768px){
	.horaires_tab li {
		display:block;
		width:100%;
		border-bottom:dotted 2px #20bfd5;
		border-right:none;
		text-align: left;
			height:auto;
		padding-bottom:10px;
		padding-top:10px;
	}
	.horaires_tab {
		margin-left:0px !important;
	}
}




.tarifs_tab {
	width:100%;
	margin:0 auto 20px auto !important;
}


.tarifs_tab th{
font-weight:600;
text-transform: uppercase;
font-size:18px;
line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.tarifs_tab td{
font-size:15px;
line-height:16px;
padding:10px 0px;
}


.horaires_tab li span, .tarifs_tab li span{

display:block;
font-weight:800;
text-transform: uppercase;
width:100%;
font-size:15px;
}

.infos_horaire, .infos_tarif {
	font-size:12px;
	font-style:italic;
	line-height:16px;
	padding:0px 20px 20px 20px;
	
}

.vc-hoverbox-block {

min-height:300px;
}


.planning_col {


}
.planning_col {
    float: left;
    margin-right: 1px;
    width: 14%;
    text-align: center;
    padding-top: 10px;
}

.planning_col li {
    list-style: none;
    background-color: #C2D3E5;
    padding: 10px 5px;
    margin-bottom: 1px;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.planning_col .jour_court {
display:none;
}

.planning_col:first-child {
margin-left:3px;
}



@media (max-width: 1200px){
.planning_col .jour_court {
display:block;
}
.planning_col .jour_long {
display:none;
}
.planning_col:first-child {
margin-left:1px !important;
}

}




@media (max-width: 800px){
.tarifs_tab th,.tarifs_tab td {
	font-size:12px;
}
.bloc_vignette_espace {
    width: 50%;
}
.vc-hoverbox-block {

min-height:inherit !important;
}
.container_alert.img_a_gauche .container_alert_img{
	display:none;
}
.container_alert.img_a_gauche .container_alert_text {
    float: inherit;
    text-align: inherit;
    width: inherit;
    margin-bottom: 32px;
}

}

@media (max-width: 768px){
.bloc_vignette_espace {
    width: 100%;
}
.planning_col li {
    list-style: none;
    background-color: #C2D3E5;
    padding: 10px 2px;
    margin-bottom: 1px;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
}
.planning_col {
    float: left;
    margin-right: 1px;
    width: 32%;
    text-align: center;
    padding-top: 10px;
}
.planning_col:nth-child(4), .planning_col:nth-child(7){
margin-left:3px;

clear:both;
}



}*/