@import "bootstrap.css";
@import "lightbox.min.css";
/*@import url('https://fonts.googleapis.com/css?family=Kanit');*/
@import url('https://fonts.googleapis.com/css?family=Kanit:300');

/* BODY */

body{
	background-color: #F8F9FA;
	font-size: 20px;
    font-family: 'Kanit', sans-serif;
}
h1{
	font-size: 1px;
}

/* BODY */

main{
	min-height: 100vh;
}

/* NAVBAR */

main > .container  {
	padding-top: 140px;
}

.navbar a{
	color: #758DC3 !important;
}
.navbar-brand span{
	color: #DC2624;
}
.nav-item{
	*zoom: 1 !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	background: #F8F9FA !important;
}
.nav-item:before, .nav-item:after{
	content: "" !important;
}
.nav-item:after{
	clear: both;
}
.nav-item a{
	-moz-transition: ease-out 0.3s 0.1s !important;
	-o-transition: ease-out 0.3s 0.1s !important;
	-webkit-transition: ease-out 0.3s !important;
	-webkit-transition-delay: 0.1s !important;
	transition: ease-out 0.3s 0.1s !important;
	position: relative;
	padding: 10px 0;
}
.nav-item a::after{
	height: 2px !important;
	width: 100% !important;
	background: red !important;
	content: "" !important;
	position: absolute !important;
	left: 0px !important;
	bottom: 0 !important;
	-moz-transform: scaleX(0) !important;
	-ms-transform: scaleX(0) !important;
	-webkit-transform: scaleX(0) !important;
	transform: scaleX(0) !important;
	-moz-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
}
.nav-item a:hover::after{
	-moz-transform: scaleX(1) !important;
	-ms-transform: scaleX(1) !important;
	-webkit-transform: scaleX(1) !important;
	transform: scaleX(1) !important;
}
.dropdown-toggle::after{
	border-top: 0;
}
.dropdown-menu{
	background-color: 
}

/* HEADER */

header{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 140px;
}
.sPresentation .divPresImage{
	height: 300px;
}
.divPresImage img{
	border: 0px solid transparent;
	border-radius: 50px;
	overflow: hidden;
}
.sPresentation img{
	width: 100%;
	height: 300px;
}
.divPresTitre{
	padding-top: 100px;
}
.divPresTitre h2{
	color: #758DC3;
	font-size: 50px;
}
.divPresTitre span{
	color: #DC2624;
}

/* Accueil */

.divEvenementTitre{
	padding-bottom: 100px;
}
.divEvenementTitre h2{
	font-size: 50px;
	color: #758DC3;
}

.divAttentionImportante{
	padding: 2vh 1vw 5vh 1vw;
}
.divAttentionImportante p{
	padding: 2vh 2vw;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-radius: 60px;
}
.divPhotosFouleesDuSourire1{
	padding: 5vh 0 0 0;
}
.divPhotosFouleesDuSourire4{
	padding: 0 0 5vh 0;
}
.divPhotosFouleesDuSourire1 img, .divPhotosFouleesDuSourire2 img, .divPhotosFouleesDuSourire3 img, .divPhotosFouleesDuSourire4 img{
	width: 150px;
	padding: 1vh 1vw;
}
.fa-exclamation-triangle{
	font-size: 80px;
	color: #DC2624;
}

.divDuathlonAccueil{
	padding-bottom: 10vh;
}
.divDuathlonAccueil .col-md-11{
	margin: auto;
	border: 0px solid transparent;
	border-radius: 50%;
	height: 300px;
	width: 300px;
	padding-top: 58px;
	overflow: hidden;
	background: url(../img/duathlon/IsaacAuDepartFlou.jpg) no-repeat center;
	color: white;
	font-weight: bold !important;
}
.divDuathlonAccueil .col-md-11:hover{
	background: url(../img/duathlon/IsaacAuDepart.jpg) no-repeat center;
}
.divDuathlonAccueil h2{
	font-weight: bold;
}
.divDuathlonAccueil p, .divDuathlonAccueil a{
	text-decoration: none;
}
.divDuathlonAccueil p{
	font-size: 1.3em;
}
.divRondeAccueil{
	padding-bottom: 10vh;
}
.divRondeAccueil .col-md-11{
	margin: auto;
	border: 0px solid transparent;
	border-radius: 50%;
	height: 300px;
	width: 300px;
	padding-top: 58px;
	overflow: hidden;
	background: url(../img/ronde/2018.jpg) no-repeat center;
	color: white;
	font-weight: bold !important;
}
.divRondeAccueil .col-md-11:hover{
	background: url(../img/ronde/2018.jpeg) no-repeat center;
}
.divRondeAccueil p, .divRondeAccueil a{
	text-decoration: none;
}
.divRondeAccueil h2{
	font-weight: bold;
}
.divRondeAccueil p{
	font-size: 1.3em;
}
.divTelethonAccueil{
	padding-bottom: 10vh;
}
.divTelethonAccueil .col-md-11{
	margin: auto;
	border: 0px solid transparent;
	border-radius: 50%;
	height: 300px;
	width: 300px;
	padding-top: 90px;
	overflow: hidden;
	background: url(../img/telethon/coureurs_telethon.jpg) no-repeat center;
	color: white;
	font-weight: bold;
}
.divTelethonAccueil .col-md-11:hover{
	background: url(../img/telethon/coureurs_telethon_clair.jpg) no-repeat center;
}
.divTelethonAccueil h2{
	font-weight: bold;
}
.divTelethonAccueil p{
	font-size: 1.3em;
}

/* Notre Histoire */

.divHistoireTitre{
	padding-bottom: 50px;
}
.divHistoireTitre h2{
	font-size: 50px;
	color: #758DC3;
}

/* Duathlon */

.divDuathlonTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divDuathlonTitre{
	padding-bottom: 50px;
}
.divDuathlonPres{
	padding-bottom: 5vh;
}

/* 10e Duathlon */

.divDuathlonDixiemeResume{
	padding: 5vh 0;
}
.divBoutonProgDuathlonDixieme{
	padding-top: 5vh;
}
.divProgDuathlonDixieme img, .divDuathlonDixiemeResume img{
	width: 248px;
}
.divProgDuathlonDixieme .association, .divDuathlonDixiemeResume .association{
	padding-right: 1vw;
	font-size: 2.9em;
}
.divDuathlonDixiemeTitre{
	padding-bottom: 50px;
}
.divDuathlonDixiemeTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divProgDuathlonDixiemeImages img{
	width: 145px;
	padding: 1vh 0;
}
.fa-w-16{
	padding-right: 8px;
}
.divAnimationMairie h3, .divAnimationSallePolyvalente h3{
	padding: 30px 0; 
} 

/* La Ronde de la Pleine Lune */

.divRondeTitre{
	padding-bottom: 50px;
}
.divRondeTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divRondePres img{
	width: 260px;
}

/* Téléthon */

.divTelethonTitre{
	padding-bottom: 50px;
}
.divTelethonTitre h2{
	font-size: 50px;
	color: #758DC3;
}

/* Equipe */

.divEquipeTitre{
	padding-bottom: 50px;
}
.divEquipeTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divMembres{
	padding: 7vh 1vw;
}
.divAdherents img{
	width: 100%;
}
.divAdherents h4{
	padding-top: 10px;
}

/* Participations */

.divParticipationTitre{
	padding-bottom: 50px;
}
.divParticipationTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divPhotoGazelles1{
	padding: 5vh 0 0 0;
}
.divPhotoGazelles4{
	padding: 0 0 5vh 0;
}
.divSenegazelle h2, .divEkiden h2, .divCourses h2, .divJourneeBienEtre h2{
	padding: 30px 0;
}
.divPhotoGazelles1 img, .divPhotoGazelles2 img, .divPhotoGazelles3 img, .divPhotoGazelles4 img{
	width: 250px;
	padding: 1vh 1vw;
}
.divPhotoEkiden1{
	padding: 5vh 0 0 0;
}
.divPhotoEkiden4{
	padding: 0 0 5vh 0;
}
.divPhotoEkiden1 img, .divPhotoEkiden2 img, .divPhotoEkiden3 img, .divPhotoEkiden4 img{
	width: 250px;
	padding: 1vh 1vw;
}

/* Contact */

.divContactTitre h2{
	font-size: 50px;
	color: #758DC3;
}
.divContactTitre p{
	padding: 50px 0;
}

/* Mentions Légales */

.divMentionsLegales h2{
	padding-bottom: 50px;
	font-size: 50px;
	color: #758DC3;
}
.divAssociation h2, .divSiteInternet h2, .divHebergeur h2{
	padding: 50px 0;
	font-size: 30px;
}

/* FOOTER */

footer{
	padding-top: 10vh;
}
footer p{
	color: #758DC3;
}
footer span{
	color: #DC2624;
}
footer a{
	color: #758DC3;
}
footer a:hover{
	color: #DC2624;

}
.owl-carousel{
	padding-top: 80px;
}
.owl-carousel img{
	width: 150px;
	height: 150px;
}
.owl-carousel-div{
	padding-top: 10vh;
	padding-bottom: 10vh;
	padding-left: 4vw;
}
.owl-carousel img:hover{
	transform: scale(1.5);
	transition-duration: 500ms;
}
.owl-prev, .owl-next{
	width: 50px;
	height: 50px;
}
.fa-arrow-circle-right, .fa-arrow-circle-left{
	width: 28px !important;
}

/* LIGHTBOX SUIVANT PRECEDENT FERMER */

.lb-data .lb-close{
	background: url("../img/close.png") no-repeat top right;
}
.lb-nav a.lb-prev{
	background: url("../img/prev.png") no-repeat left;
}
.lb-nav a.lb-next{
	background: url("../img/next.png") no-repeat right;
}
.lb-details{
	text-align: center;
}
.lb-data .lb-caption{
	font-size: 20px;
}


/* MEDIA QUERIES */

@media screen and (min-width: 200px) and (max-width: 768px) {

	.owl-carousel img:hover{
		transform: scale(1);
	}
	.owl-carousel-div{
		padding: 0 5vw;
	}
	.divPresTitre{
		padding-top: 50px;
	}/*
	.divPhotoGazelles1 img:hover, .divPhotoGazelles2 img:hover, .divPhotoGazelles3 img:hover, .divPhotoGazelles4 img:hover{
		transform: scale(1);
		transition-duration: 500ms;
	}
	.divPhotoEkiden1 img:hover, .divPhotoEkiden2 img:hover, .divPhotoEkiden3 img:hover, .divPhotoEkiden4 img:hover{
		transform: scale(1);
		transition-duration: 500ms;
	}
	.divRondePres img:hover{
		transform: scale(1);
		transition-duration: 500ms;
	}*/

}