body {
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: .004em;
		line-height: 1.65;
		text-transform: initial;
		color: #333333;
		text-align:justify;
	}

a {
    color: #0099cc;
}
a:hover {
    color: #333333;
}
ul {
	margin-left:0;
	padding-left:20px;
	padding-right: 1.5rem;
	margin-bottom: 0;
}
li {
	padding-bottom:0.15rem;
}
section.description {
		padding-top: 2%;
		padding-bottom: 2%;
	}

.center {
	margin:0 auto;
	text-align:center;
}

.purple {
	color:#3c9845;
	font-weight:bold;
}


@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }

@media (max-width: 768px) {
	section.description {
		padding-top: 4%;
		padding-bottom: 4%;
	}
  }

@media (max-width: 576px) {
	.mt15m {
		margin-top:15px
	}
  }
  
@media screen and (min-width: 768px) and (max-width: 992px){
	section.description {
		padding-top: 4%;
		padding-bottom: 6%;
	}
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }


@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }
	  
	.lead {
		font-size: 1.15rem;
		font-weight: 300;
		padding-bottom:2%;
	}

	h1 {
		font-weight: 300;
		font-size: 2.2rem;
		line-height: 1.2;
		margin-top: 0;
	}
	
	.h2, h2 {
		font-size: 1.8rem;
		font-weight: 400;
	}
	.h4, h4 {
    font-size: 1.1rem;
}
	.infos-contact, .infos-contact > a {
		color:#ffffff;
	}
	.infos-contact > hr {
		border-color: #ffffff;
	}
	.infos-contact > a.rs, .infos-contact > i {
		padding: 0 1%;
	}
	
	.event-logo {
		display:block;
		/*position:absolute;*/
		top:24px; 
		width:310px; 
		height:54px; 
		z-index:1
	}
	@media (max-width: 992px) {
        .event-logo {
		width:310px; 
		height:54px;
		}
      }
	
	@media (max-width: 768px) {
        .event-logo {
			position: relative;
			margin-left: auto;
			top: 5px;
			margin-bottom: 15px;
			margin-right: auto;
			left:0;
			width:310px; 
			height:54px; 
		}
	a.logo-client {
			margin:0 auto;
		}
      }


	  
	footer {
		margin: 0 auto;
		font-size: 0.8rem;
		padding-top: 0.8rem !important;
		padding-bottom: 0.8rem !important;
		background-color: #0099cc;
		color: #ffffff !important;
	}
	footer a, footer a:hover {
		color:#ffffff ;
	}
	footer p {
		margin-top: 10px;
	}

@media (max-width: 768px) {
        .footer {
			padding-top: 0rem !important;
			padding-bottom: 0.3rem !important; 
		}
      }
	  
/* Logos Footer */
	.logos-footer {
		/*max-width:500px;*/
		margin:0 auto;
	}

	.logos-footer > div {
		padding-right: 0px;
    		padding-left: 0px;
		text-align: center;
	}

	.logos-footer img {
		width:80%;
	}
	.logos-footer img.econocom {
		/*width:180px;*/
		width:140px;
		padding-top: 6px;
	}
	.logos-footer img.apple {
		/*width:250px;*/
		width:150px;
	}
	
@media (max-width: 576px) {
		.logos-footer img.econocom {
			width:120px;
			float:left;
		}
		.logos-footer img.apple {
			padding-top: 3%;
			width:120px;
			float:left;
		}
      }

@media (max-width: 445px) {
        .logos-footer {
			margin-left:15%;
		}
		.logos-footer img.econocom {
			width:90px;
		}
		.logos-footer img.apple {
			width:90px;
		}
      }
	  
@media (max-width: 292px) {
        .logos-footer {
			margin-left:25%;
		}
      }
	  
	  
	.bottom-logos > img {
		width:80%;
	}
	.bg-dark {
		background-color: #fe5815!important;
	}
	.bg-light {
		background-color: #f8f9fa!important;
	}

	.bg-infos {
		background-color: #333333;
		color: #ffffff;
	}
	.titre-evenement {
		color:#0099cc;
		font-size: 1.45rem;
		line-height:normal;
		text-transform:uppercase;
		font-weight:600;
	}
	@media (max-width: 992px) {
        .titre-evenement {
			font-size: 0.9rem;
		}
      }
	 @media (max-width: 768px) {
        .titre-evenement {
			font-size: 1.15rem;
		}
      }
	.date {
		color:#0099cc;
		font-size: 0.9rem;
		font-weight: 600;
		line-height: 2;
		letter-spacing: .075em;
		text-transform: uppercase;
	}
	.date-titre {
		text-align: center;
		margin: 0 auto;		
		padding-left: 8%;
	}
	
	
	@media (max-width: 992px) {
		.date-titre {	
			padding-left: 25%;
		}
	}
	
	@media (max-width: 768px) {
		.date-titre {	
			padding-left: 0;
			width:100%;
		}
	}
		
	.navbar-dark .navbar-toggler,
	.navbar-toggler:focus,
	.navbar-toggler:hover,
	.navbar-toggler:active,
	.navbar-toggler:link,
	.navbar-toggler:visited	{
		border-color: transparent;
		outline:0 !important;
	}
	.navbar-dark .navbar-toggler {
		color: #ffffff;
		border-color:  transparent;
	}

	.navbar-dark.bg-light .navbar-toggler {
		color: #0099cc;
	}
	.navbar-toggler {
		padding: 0;
		font-size: 1.9rem;
	}
	.navbar {
		padding: .9rem 1rem;
	}

	.navbar.navbar-expand-lg {
		padding: 0.1rem 1rem;
	}
	
	@media (min-width: 992px) {
		.navbar-expand-lg .navbar-nav .nav-link {
			padding-right: 1rem;
			padding-left: 1rem;
		}
		
		.navbar-dark .navbar-toggler {
			color: #ffffff;
			border-color: transparent;
			padding-left: 4%;
			min-height: 60px;			
			min-width: 60px;
		}
		
	}
	@media (max-width: 992px) {
		.navbar {
			padding: 0 1rem;
		}
		
	}
	.dropdown-menu {
		border: 0;
		border-radius: 0;
		background-color: #ffffff;
	}
	a.dropdown-item:hover {
		color: #0099cc !important;
	}

	.bg-nav {
		background-color: #ffffff !important;
		border-top: 1px solid #0099cc;
		border-bottom: 1px solid #0099cc;
	}
	.bg-nav .navbar-nav .nav-link,
	.navbar-light .navbar-nav .show>.nav-link,
	.dropdown-item	{
		color: #0099cc;
		text-transform: uppercase;
		font-size: 0.85rem;
		font-weight:500;
	}
	.bg-nav .navbar-nav .nav-link:hover,
	.bg-nav .navbar-nav .nav-link:link,
	.bg-nav .navbar-nav .nav-link:visited,
	.bg-nav .navbar-nav .nav-link:active {
		color: #0099cc;
	}
	
	
	@media (min-width: 768px) {
        .hide-desktop {
			display:none;
		}
      }
	@media (max-width: 768px) {
        .hide-mobile {
			display:none !important;
		}
		.infos {
			margin-bottom:5% !important;
		}
      }
	  
	  
  
@media (max-width: 992px) {
        .infos {
			font-size:14px;
			margin:15px auto 10px auto;
			min-height:35px;
			padding-top:10px;
		 }
		 .dropdown-menu {
			background-color: #fff;
			color: #0099cc;
			border: 0;
		}
      } 
	  
	.compteur {
		background: url("../img/bg-compteur.png") no-repeat 50% 50%;
		margin: 0 auto;
	}
	.compteur img {
		margin: 0 auto;		
		margin-top: -30%;
	}
	
	.compteur-mobile img {
		margin: 0 auto;
	}
@media (max-width: 768px) {
        .compteur img {	
			margin-top: -15%;
		}
		.bg-infos .pt-4, .py-4 {
			padding-top: 0.6rem!important;
		}
		.bg-infos .pb-4, .py-4 {
			padding-bottom: 0 !important;
		}

		.compteur {
	    padding: 75% 0 0 0 !important;
		}
}


	.end-sreen {
		background: url("../img/bg-compteur.png") no-repeat 50% 50%;
		margin: 0 auto;
	}
	.end-sreen img {
		margin: 0 auto 0 15%;
		margin-top: -37%;
		width: 70%;
	}
	
	.end-sreen-mobile img {
		margin: 0 auto;
	}
@media (max-width: 768px) {
        .end-sreen img {
			margin: 0 5% 0 5%;
			margin-top: -37%;
			width: 90%;
		}
		.bg-infos .pt-4, .py-4 {
			padding-top: 0.6rem!important;
		}
		.bg-infos .pb-4, .py-4 {
			padding-bottom: 0 !important;
		}
}
	
	
/*.end-sreen img {
	margin: 0 auto 0 20%;
    margin-top: -37%;
    width: 70%;
}*/


.infos {
	display: inline-block;
	padding: 10px 3px 6px 3px;
}

h4.aide {
	margin-bottom: .8rem;
}

.navbar-dark .infos-btn:before {
	/*content: url("../img/infos.png");*/
	content: "?";
    border: 2px solid #ffffff;
    border-radius: 50%;
    vertical-align: middle;
    padding: 4px 9px;
    font-size: 16px;
    font-weight: 500;
}

.navbar-dark.bg-light .infos-btn:before {
    border-color: #0099cc;
}

@media (max-width: 768px) {
        .infos-btn:before {
			display:none;
		}
      }
	  


.infos-btn {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;	
    min-height: 45px;
    min-width: 45px;
}

a.btn-outline-primary,
a.btn-outline-primary:hover {
    color: #0099cc;
    border-color: #ffffff;
    background-color: #ffffff;
    text-decoration: underline;
}

.modal-footer {
	border-top: 0;
}

.text-black {
	color:#000000;
}

.sondage-box {
	padding-bottom: 95%;
}

.navbar-light .navbar-toggler {
    border: 0;
}

.nav-link {
    padding: .8rem 1rem .2rem 1rem;
}

.titre1 {
	color:#bed62f;
	text-transform:uppercase;
	text-align:center;
	font-size: 1.8em;
	margin-bottom: 0.2rem;
}

.titre2 {
	color:#243c82;t
	ext-transform:uppercase;
	text-align:center;
	font-size: 2.2em;
	font-weight: 600;
}

.img-labo {
	width: 65%;
	margin: 0 auto;
}

@media (max-width: 768px) {
        .titre1 {
		font-size: 1.5em;
		margin-bottom: 0.2rem;
	}
	.titre2 {
		font-size: 1.7em;
		font-weight: 600;
	}
	.img-labo {
		width: 100%;
		margin-bottom: 2%;
	}
      }

.text-muted {
    color: #666 !important;
}

.accroche-accueil {
	margin: -380px auto 0 auto;
        text-align:center;
	color:#0099cc;
	font-size:0.9rem;

    margin-bottom: 25px!important;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .075em;
    text-transform: uppercase;
}

@media (max-width: 992px) {
	.accroche-accueil {
		font-size:0.9rem;
	        margin: -280px auto 0 auto;
	}
}

@media (max-width: 768px) {
	.accroche-accueil {
		font-size:0.9rem;
	        margin: -280px auto 0 auto;
	}
}

/* Club Social */
.navbar-logo {
	min-height: 100px;
}
.logo-header {
    text-align: center;
    margin: 0 auto;
}

@media screen and (max-width: 992px)
.big-title {
    font-size: 2.5rem;
}
.big-title {
    font-size: 3.5rem;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.22;
    text-align: center;
    text-transform: uppercase;
    width: 80%;
    margin: 0 auto;
    color: #09c;
}
@media (max-width: 992px) {
	.big-title {
	    font-size: 2.3rem;
	    width: 100%;
	}
}
@media (max-width: 768px) {
	.big-title {
	    font-size: 1.5rem;
	    width: 90%;
	}
}