body {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-color: #fff!important;
		line-height: 1.6;
	}
	h1{
		font-family: "Times New Roman", Times, serif!important;
		font-style: italic;
		color:#000;
		text-shadow: 2px 2px 4px grey;
		text-align:center;
		border-radius: 5px;
		border: 1px solid silver;
	}
	li.NoBullet
	{
		list-style-type: none;
		text-decoration: none;
		text-indent: 10px;
		padding-top:10px;
	}	
	.container {
		width: 100%;
		margin: 5px 0;
		background: white;
		padding: 5px;
		box-sizing: border-box;
	}
	 .news-ticker {
		width: 100%;
		background-color: #444;
		color: white;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
		height: 40px;
	}
	.news-ticker p {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		line-height: 40px;
		text-align: center;
	}
	.news-ticker p.active {
		display: block;
		animation: ticker 35s linear infinite;
	}
	@keyframes ticker {
		0% {
			transform: translateX(100%);
		}
		100% {
			transform: translateX(-100%);
		}
	}
	.header {
		background-color: rgba(255, 255, 255, 0.8); /* Transparent background */
		color: black; /* Font color set to black */
		text-align: center;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.header img {
		width: 100%; /* Ensures the image takes up the full width of its container */
		height: auto; /* Maintains the aspect ratio of the image */
	}
	.navbar-nav li:hover > ul.dropdown-menu {
		display: block;
	}
	.content {
		margin: 2px 0;
		//background: url('..images/cphoBackground.png') no-repeat center center;
		//background-size: cover;
		color: white;
		text-align: justify;
		width:100%;
	}
	.content h2 {
		text-shadow: 2px 2px 4px red;
	}
	.footer {
		background: url('../images/bgi006.jpg') no-repeat center center;
		background-size: cover;
		color:#fff;
		text-shadow: 2px 2px 4px black;
		font-weight: bold;
		text-align: center;
		padding: 10px 0;
	}

.footer img  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;	
 }
	
	.footer .social-icons {
		margin-top: 10px;
	}
	.footer .social-icons a {
		color:#fff;
		text-shadow: 2px 2px 4px black;
		margin: 0 10px;
		text-decoration: none;
		font-size: 20px;
	}
	.footer .copyright {
		margin-top: 12px;
		font-size: 14px;
	}
	.dateLastUpdated{
		font-size: 11px;
		color:#fff;
		text-shadow: 2px 2px 4px black;
		padding:5px;
		margin:5px;
	}
	#commanditaires{
		height: 180px;  
	}
	.cycle-slideshow { width: 100%; border:0px solid #ADADAD; } 
	.cycle-slideshow img { width: 100%; height: 190px; }   

	.carousel-caption { 
		position: absolute; 
		top: 1%; /* Adjust this value to move the caption closer or further from the top */ 
		color: #fff; /* Set text color */ 
		text-align: center; 
		//background-color: rgba(0, 0, 0, 0.5); /* Optional: add a background color with opacity */ 
		padding: 10px; /* Optional: add padding */ 
		border-radius: 5px; /* Optional: add border radius */ 
	}	
	.carousel-caption p { 
		text-align: left;
		margin: 5px;
		padding: 5px;
	}
	.carousel-caption img { 
		width:100%;
		heignt:auto;
	}
	
@media (max-width: 600px) {

	.header, .footer {
		padding: 5px 0;
	}
	h1{
		font-size: 22px!important;
	}
	.carousel-caption {
		max-height: 90vh;
		overflow-y: auto; 	
		overflow-x: hidden;		
	}
	.carousel-caption h2{
		font-size: 18px!important;
	}	
	.carousel-caption p { font-size: 17px!important;}

	.content .alert {
		font-size: 12px;
	}

	.footer .social-icons {
		margin: 10px 0;
	}
	.footer .social-icons a {
		margin: 0 5px;
		font-size: 18px;
	}
	.footer .copyright {
		font-size: 12px;
	}
	.footer {
		font-size: 10px;
	}  

	.campInfo {
		padding-bottom: 35px;
		margin: 35px;		
	
	}
}

/** HOME PAGE ICON ***/
.box-icon {
	position: relative;
	padding: 25px 25px 25px 25px;
	min-height:300px;
}

.box-icon-bordered {
	border: 2px solid #f2f2f2;
}

.box-icon .icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.box-icon-filled {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.6), rgba(128, 128, 128, 0.6));
}
.icon-sm.icon-rect, .icon-sm.icon-rounded, .icon-sm.icon-circle, .icon-sm.icon-outlined {
  width: 70px;
  height: 70px;
  line-height: 60px;
  font-size: 40px;
}
.icon-dark-filled {
  background: -moz-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -webkit-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -o-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -ms-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: linear-gradient(45deg, #191919 0%, #434345 100%);
}
.icon-darker-filled, .icon-darkest-filled, .icon-dark-filled, .icon-shark-filled, .icon-mantis-filled, .icon-pink-filled, .icon-malibu-filled, .icon-carrot-filled, .icon-red-filled, .icon-blue-gray-filled {
  color: #fff;
  border: none;
}
.icon-sm {
  font-size: 42px;
  line-height: 42px;
}
.icon-outlined, .icon-outlined::after {
  border-radius: 50%;
}
.icon-outlined {
  position: relative;
}
.icon-rect, .icon-circle, .icon-rounded, .icon-outlined {
  width: 70px;
  height: 70px;
  font-size: 2px;
  line-height: 70px;
  text-align: center;
  border: 2px solid;
}
.icon {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-size: 54px;
  line-height: 56px;
  font-style: normal;
}
.goalieClinicIcon
{
	background: url(../images/goalieIcon.png) no-repeat 0% center;
	background-size: 100%;
	padding-bottom: 5px;	
	padding-right: 28px;
	height:50px!important;
	width:50px!important;
	display:inline-block;
	
}
.campRegulierIcon
{
	background: url(../images/campRegulierIcon.png) no-repeat 0% center;
	background-size: 100%;
	padding-bottom: 5px;	
	padding-right: 28px;
	height:50px!important;
	width:50px!important;
	display:inline-block;
	
}

.ligueEstivaleIcon
{
	background: url(../images/ligueEstivaleIcon.png) no-repeat 0% center;
	background-size: 100%;
	padding-bottom: 5px;	
	padding-right: 28px;
	height:55px!important;
	width:65px!important;
	display:inline-block;
	
}
/** END HOME PAGE ICON ***/
.btn-anis-effect {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: transparent;
	transition: .2s;
	transition-delay: .1s;
}

.btn-anis-effect:hover {
	transition-delay: .45s;
}

.btn-anis-effect:before, .btn-anis-effect:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 20px;
	height: 20px;
	background: #434345;
	border-radius: 50%;
	transition: 0.5s;
	z-index: -1;
}

.btn-anis-effect:before {
	left: -20px;
	transform: translate(-50%, -50%);
}

.btn-anis-effect:after {
	right: -20px;
	transform: translate(50%, -50%);
}

.btn-anis-effect:hover:before {
	-webkit-animation: criss-cross-left 0.8s;
	animation: criss-cross-left 0.8s;
}

.btn-anis-effect:hover:after {
	-webkit-animation: criss-cross-right 0.8s;
	animation: criss-cross-right 0.8s;
}

.btn-anis-effect.btn-primary {
	color: #fff;
	background-color: #ffce25;
}

.btn-anis-effect.btn-primary:before, .btn-anis-effect.btn-primary:after {
	background: #79ccf2;
}

.btn-anis-effect.btn-primary:hover {
	color: #fff;
	border-color: #79ccf2;
	background: #79ccf2;
}

.btn-anis-effect.btn-default {
	color: #434345;
	background-color: transparent;
	border-color: #d9d9d9;
}

.btn-anis-effect.btn-default:hover {
	color: #fff;
	border-color: #434345;
	background: #434345;
}

.btn-anis-effect.btn-deluge {
	color: #8668ad;
}

.btn-anis-effect.btn-deluge:before, .btn-anis-effect.btn-deluge:after {
	background: #8668ad;
}

.btn-anis-effect.btn-deluge:hover {
	color: #fff;
	border-color: #8668ad;
	background: #8668ad;
}

.btn-anis-effect.btn-success {
	color: #abcc37;
}

.btn-anis-effect.btn-success:before, .btn-anis-effect.btn-success:after {
	background: #abcc37;
}

.btn-anis-effect.btn-success:hover {
	color: #fff;
	border-color: #abcc37;
	background: #abcc37;
}

.btn-anis-effect.btn-warning {
	color: #f5bf2f;
}

.btn-anis-effect.btn-warning:before, .btn-anis-effect.btn-warning:after {
	background: #f5bf2f;
}

.btn-anis-effect.btn-warning:hover {
	color: #fff;
	border-color: #f5bf2f;
	background: #f5bf2f;
}

.btn-anis-effect.btn-danger {
	color: #fff;
	background-color: #d01919;
}

.btn-anis-effect.btn-danger:before, .btn-anis-effect.btn-danger:after {
	background: #ffce25;
}

.btn-anis-effect.btn-danger:hover {
	color: #262627;
	border-color: #ffce25;
	background: #ffce25;
}

.btn-anis-effect.btn-info {
	color: #79ccf2;
}

.btn-anis-effect.btn-info:before, .btn-anis-effect.btn-info:after {
	background: #79ccf2;
}

.btn-anis-effect.btn-info:hover {
	color: #fff;
	border-color: #79ccf2;
	background: #79ccf2;
}
 /* unvisited link */
a:link {
  color: grey;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: grey;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: yellow;
  text-decoration: none;
}

/* selected link */
a:active {
  color: grey;
  text-decoration: none;
} 

.campRegulierForm {
  background: url(../images/IMG_3609.JPG) no-repeat center /cover;
  background-position: 0% 0%;
  width:100%;
  min-height:650px;
}
.campRegulierForm h3 {
	color: white;
	font-size: 18px;
	text-shadow: 2px 2px 6px black;
	border: 1px solid #fff;
	border-radius:5px; 
	padding:10px;	
	background-color: rgba(0, 0, 0, 0.8); /* Optional: add a background color with opacity */ 
}	

.accordion-container{
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 10px auto;

}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.8); /* Optional: add a background color with opacity */ 
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #ADADAD;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a:hover{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#690021;
  color: #fff!important;
}
.accordionContent{
  background-color: rgba(255, 255, 255, 0.3); /* Optional: add a background color with opacity */ 
  border-bottom: 1px solid #ddd;
  display:none;
}
.accordionContent p{
  padding: 10px 15px;
  margin: 0;
  color: #fff;
}

#map { 
	height: 350px; 
	width: 100%; 
	border: 1px solid #690021;
	border-radius:5px; 
}
.displayDate{
	color:#fff;
	text-shadow: 2px 2px 4px black;	
}

	.campRegulierFormIcon
	{
		background: url(../images/hockeyStick.png) no-repeat 0% center;
		background-size: 100%;
		margin-bottom: -20px;	
		padding-bottom: 50px;	
		padding-right: 35px;
		height:55px!important;
		width:55px!important;
		display:inline-block;
		color:white;
		
	}

	.descriptionText{
		color:#fff;
		text-shadow: 2px 2px 4px black;		
	}

	.cliniqueGardienForm {
	  background: url(../images/IMG_4286.JPG) no-repeat center /cover;
	  min-height:650px;
	}
	.cliniqueGardienForm h3 {
		color: white;
		font-size: 18px;
		text-shadow: 2px 2px 6px black;
		border: 1px solid #fff;
		border-radius:5px; 
		padding:10px;	
		background-color: rgba(0, 0, 0, 0.8); /* Optional: add a background color with opacity */ 
	}
	.cliniqueGardienFormIcon
	{
		background: url(../images/goalie_mask.png) no-repeat 0% center;
		background-size: 75%;
		margin-bottom: -15px;	
		padding-bottom: 50px;	
		padding-right: 30px;
		display:inline-block;

	}	


	.ligueEstivaleForm {
	  background: url(../images/IMG_4669.JPG) no-repeat center /cover;
	  min-height:650px;
	}
	.ligueEstivaleForm h3 {
		color: white;
		font-size: 18px;
		text-shadow: 2px 2px 6px black;
		border: 1px solid #fff;
		border-radius:5px; 
		padding:10px;	
		background-color: rgba(0, 0, 0, 0.8); /* Optional: add a background color with opacity */ 		
	}		
	
	
.required_notification {
	color:red;
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}
.requiredContent::before  {
	color:red;
	content: "* ";
	text-align:left;	
}
.requiredContent::after  {
	content: " :";
	text-align:left;	
}
.required::before  {
	color:red;
	content: "* ";
	text-align:left;	
} 
.showError {
	background: #fff url(images/no.png) no-repeat 98% center!important;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
}	
select.showError {
	background: #fff url(images/no.png) no-repeat 95% center!important;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
}	
.showValid {
	background: #fff url(images/ok.png) no-repeat 98% center!important;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
select.showValid {
	background: #fff url(images/ok.png) no-repeat 95% center!important;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.error
{
	color:red;
}
.errors{
	color:red;
}
#ddn{
	cursor: pointer;	
}

#frmContactezNous .error
{
	color:red;
	font-size: 12px!important;
	font-weight:bold;	
}
input[type=text], select, select option{
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 1px solid #555;
	outline: none;
	background-color: white!important;
}
input[type=text]:focus {
	background-color: #fbe7a3 !important;
	border: 1px solid #f3fe1c!important;
}
select:focus{
	background-color: #fbe7a3 !important;
	border: 1px solid #f3fe1c!important;
}
select {
-webkit-appearance: listbox !important;
}
.jconfirm-title{
	color:#5c5c5b ;
}


.contactForm .nav-item a {
    color:grey !important;
}

.contactForm .nav-item a {
    color:grey !important;
}
.contactForm .nav-item .active{
	font-weight: bold;
    color:black !important;
}

.contactForm {
  background: url(../images/nousJoindreBackground.png) no-repeat center /cover;
  min-height:850px;
}


.tab-content > .active{
	border-radius: 5px;
	border:2px solid #fff;
	position:relative;
	top:-6px;
	min-height:750px;
}
.name {
	color:#fff;
	text-shadow: 2px 2px 4px black;	
    font-size: 1.7em;
    font-weight: 700;
}
.phone{
	color:#fff;
	text-shadow: 2px 2px 4px black;	
    font-size: 1.7em;
    font-weight: 700;	
}
.list-group-item{
	background-color: rgba(255, 255, 255, 0.1) !important; /* Transparent background */	
}

.contactezNousIcon
{
	background: url(../images/ContactUs1.png) no-repeat 0% center;
	background-size: 100%;
	margin-bottom: -15px;	
	margin-right: 12px;
	height:55px!important;
	width:65px!important;
	display:inline-block;
	
}

#frmContactezNous .error
{
	color:red;
	font-size: 12px!important;
	font-weight:bold;	
}
input[type=text], select, select option{
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 1px solid #555;
	outline: none;
	background-color: white!important;
}
input[type=text]:focus {
	background-color: #fbe7a3 !important;
	border: 1px solid #f3fe1c!important;
}
select:focus{
	background-color: #fbe7a3 !important;
	border: 1px solid #f3fe1c!important;
}
select {
-webkit-appearance: listbox !important;
}