body {
	margin: 0;
	padding: 0;	
	font-family: calibri, arial;
	color: #000;
	background: transparent;
	font-size: 12px;
}

a .btn, a:hover {
	text-decoration: none;
	cursor: pointer;
}

/**********/
/* Titles */
/**********/

h1 {
	font-size: 2rem;
	font-weight: 700;
	color: #006a86;
	border-bottom: 4px dotted #006a86;
	margin-bottom: 3.9vh;
}

h2 {
	font-size: 1.5rem;
	font-weight: 400;
}

/*******************/
/* Section, frames */
/*******************/

section {
	margin: auto;
	border: 0;
	margin: 0;
}

iframe {
	border: 0;
	overflow-x: hidden;
}

.cileft,
.ciright {
	height: 84vh;
}

.ileft {	
	width: 50vw;
	height: inherit;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.iright {
	width: 50vw;
	height: inherit;
	margin: 0;
	padding: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	overflow-y: scroll;		
}

/**************/
/* Navigation */
/**************/

nav .btn {
	font-size: 2em !important;
	cursor: pointer;
}

.separator {	
	color: rgba(255, 255, 255, 0.5);
}

.btn-nav-plan,
.btn-nav-pages {
	font-size: 1.25rem;
	font-weight: 700;
	cursor: pointer !important;
}

.btn-top {
	float: right;
	font-size: 1.5rem;
	color: #e0e0e0;
	cursor: pointer;
}

/*********/
/* Pages */
/*********/

.home {
	background: #fff;
}

.home header {
	height: 12vh;
	background: #1c5d87;
	padding: 1rem !important;
	margin: 0;
}

.home header .logo {
	height: 9vh;
	width: auto;
}

.home header .logo-gda {
	height: 9vh;
	width: auto;
	margin-left: 1rem;
}

.home footer {
	height: 4vh;
	background: #1c5d87;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}

.home footer a {
	color: #fff;
}

.plan {
	padding: 1.25rem;
	text-align: center;
	width: 100% !important;
	height: 100% !important;
}

#image-zoom {
	width: auto;
	height: 70vh !important;
	margin: auto;
}

.round-loope {
   border-radius: 150px;
   border: 2px solid #1c5d87;
}

#content {
	padding: 1.25rem;
}

.exposants header,
.programme header {
	height: auto !important;
	background: transparent !important;
	padding: 0 !important;
}

.exposants .filter,
.exposants .filter-clear,
.programme .filter,
.programme .filter-clear {
	font-size: 1rem;
	padding: 1.25rem;
	border: 1px solid rgba(31, 31, 31, 0.05);
}

.exposants h1,
.programme h1 {
	font-size: 2rem;
}

.exposants h2,
.programme h2 {
	font-size: 1.5rem;
}

.programme .titre {	
	color: #39ade3;
	font-size: 1.8rem;
	font-weight: 700;
	width: 100%;
}

.exposants .filter h2,
.programme .filter h2 {
	font-size: 1.25rem;
	padding: 0;
	margin-bottom: 0.3rem;
}

.exposants .filter-clear,
.programme .filter-clear {
	display: none;
}

.exposants .card,
.programme .card {
	background: rgba(143, 0, 0, 1.0);
	color: #fff;
	padding: 0.5rem;
}

.exposants .card-body,
.programme .card-body {
	text-transform: capitalize;
	font-size: 1rem;
}

.exposants .badge,
.exposants .btn,
.exposants .animation,
.programme .badge,
.programme .btn {
	color: #fff;	
	padding: 0.4rem;
	font-size: 1rem;
	border: 1px solid rgba(31, 31, 31, 0.15);
	line-height: 1;
	vertical-align: top;
	font-weight: normal;
	word-break: normal !important;
}

.programme .jour-heure {
	font-size: 1rem;
	font-weight: 700;
}

.exposants .stand,
.programme .stand {
	font-size: 1rem;
	font-weight: 700;
	word-break: normal !important;
	text-align: center !important;
	vertical-align: center !important;
}

.exposants .exposant,
.programme .animation {
	border-bottom: 1px solid rgba(31, 31, 31, 0.1);
}

.exposants #items-count,
.programme #items-count {
	color: #1c5d87;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 2rem;
}

/**********/
/* Colors */
/**********/

.bg-on {
	background-color: #39ade3;
}

.bg-off {
	background-color: #1c5d87;
}

.bg-animation {
	background-color: #8F0000;
}

/* types */

.bg-sport {
	background-color: #8566aa;
	color: #fff !important;
}

.bg-sante {
	background-color: #fcea19;
	color: #000 !important;
}

.bg-environnement {
	background-color: #12a540;
	color: #fff !important;
}

.bg-equipements-grandangouleme-et-partenaires {
	background-color: #3aade3;
	color: #fff !important;
}

/* activites */

.bg-arts-martiaux {
	background-color: #c5c5c5;
	color: #000 !important;
}

.bg-athletisme {
	background-color: #e30617;
	color: #fff !important;
}

.bg-cyclisme {
	background-color: #04a29a;
	color: #fff !important;
}

.bg-e-sport {
	background-color: #1d1d1b;
	color: #fff !important;
}

.bg-epreuves-combinees {
	background-color: #046734;
	color: #fff !important;
}

.bg-equitation {
	background-color: #6cbe99;
	color: #000 !important;
}

.bg-gymnastique { 
	background-color: #d989b9;
	color: #000 !important;
}

.bg-marche {
	background-color: #fcea19;
	color: #000 !important;
}

.bg-multisports {
	background-color: #95c11f;
	color: #fff !important;
}

.bg-sports-aquatiques {
	background-color: #4565ad;
	color: #fff !important;
}

.bg-sports-aeriens {
	background-color: #871723;
	color: #fff !important;
}

.bg-sports-collectifs,
.bg-sports-de-force {
	background-color: #e95b0c;
	color: #fff !important;
}

.bg-sports-cerebraux {
	background-color: #1d1d1b;
	color: #fff !important;
}

.bg-sports-de-cible {
	background-color: #c40e7f;
	color: #fff !important;
}

.bg-sports-de-combat {
	background-color: #71706f;
	color: #fff !important;
}

.bg-sports-de-force {
	background-color: #ea5284;
	color: #fff !important;
}

.bg-sports-de-glace {
	background-color: #4a335d;
	color: #fff !important;
}

.bg-sports-de-glisse {
	background-color: #a69dcd;
	color: #000 !important;
}

.bg-sports-de-nature {
	background-color: #936037;
	color: #fff !important;
}

.bg-sports-de-raquette {
	background-color: #f9b233;
	color: #000 !important;
}

.bg-sports-mecaniques {
	background-color: #efea78;
	color: #000 !important;
}

.bg-sports-nautiques {
	background-color: #2b3180;
	color: #fff !important;
}

/* zones */

.bg-salle-rubis,
.bg-salle-saphir {
	background-color: #12617b;
	color: #fff !important;
}

.bg-exterieur-bus,
.bg-exterieur-parvis,
.bg-exterieur-saphir {
	background-color: #fff;
	color: #000 !important;
}

/* espaces */

.bg-baby-gym {
	background-color: #d989b9;
	color: #000 !important;
}

.bg-babyfoot {
	background-color: #1d1d1b;
	color: #fff !important;
}

.bg-badminton,
.bg-tennis-de-table,
.bg-terrain-tennis-n1,
.bg-terrain-tennis-n2,
.bg-terrain-tennis-n3,
.bg-terrain-tennis-n4 {
	background-color: #f9b233;
	color: #000 !important;
}

.bg-baseball,
.bg-basket-3x3, 
.bg-basket-puymoyen-g51,
.bg-football,
.bg-rugby {
	background-color: #e95b0c;
	color: #fff !important;
}

.bg-billard,
.bg-charente-darts-club-a13,
.bg-echecs-b16 {
	background-color: #1d1d1b;
	color: #fff !important;
}

.bg-boules-lyonnaise,
.bg-boules-lyonnaises,
.bg-bowling,
.bg-bowling-b41,
.bg-dart-foot,
.bg-paintball,
.bg-tir-laser,
.bg-tir-a-larc {
	background-color: #c40e7f;
	color: #fff !important;
}

.bg-centre-equestre {
	background-color: #6cbe99;
	color: #000 !important;
}

.bg-circuit-mini-moto,
.bg-circuit-modelisme,
.bg-esplanade {
	background-color: #efea78;
	color: #000 !important;
}

.bg-cyclofficine,
.bg-cyclotourisme {
	background-color: #04a29a;
	color: #fff !important;
}

.bg-challenge,
.bg-charente-libre,
.bg-decathlon,
.bg-ecole-dart-a10,
.bg-point-tri---dechets,
.bg-stga {
	background-color: #3aade3;
	color: #fff !important;
}

.bg-drone-d55,
.bg-stand-b22 {
	background-color: #871723;
	color: #fff !important;
}

.bg-escalade-b50,
.bg-golf,
.bg-marche-nordique {
	background-color: #936037;
	color: #fff !important;
}

.bg-escrime-b31 {
	background-color: #71706f;
	color: #fff !important;
}

.bg-fede-peche-16--h20,
.bg-jardins-disis-e31 {
	background-color: #12a540;
	color: #fff !important;
}

.bg-grande-scene,
.bg-parcours-ninja,
.bg-petanque,
.bg-scene-exterieure {
	background-color: #8566aa;
	color: #fff !important;
}

.bg-skateboard,
.bg-stand-f55 {
	background-color: #a69dcd;
	color: #000 !important;
}

.bg-sport-pour-tous-b15,
.bg-stand-a25,
.bg-stand-a33 {
	background-color: #fcea19;
	color: #000 !important;
}

.bg-stand-up-paddle {
	background-color: #2b3180;
	color: #fff !important;
}

@media screen and (max-width: 992px) {
	
	.home header,
	.home footer {
		height: auto;
	}
	
	.home footer {
		padding: 0.5rem;
	}
	
	.home header .logo,
	.home header .logo-gda {
		height: 75px;
		width: auto;		
	}
	
	/*******************/
	/* Section, frames */
	/*******************/	

	.cileft {
		height: auto;
	}
	
	.ciright {
		height: auto;
		overflow: hidden;
	}

	.ileft {
		width: 100%;
		height: auto;
	}

	.iright {
		width: 100%;
		height: auto;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		overflow: hidden;
	}
	
	/*********/
	/* Pages */
	/*********/
	
	#image-zoom	{
		width: 90vw !important;
		height: auto;
	}
	
}