/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Copyright : Voir fichier licence.txt
*********************************************************************/

/*** GLOBAL ***/

.thumbnail .caption h2, .thumbnail .caption h3 { font-size: 12px; }

h1, .h1 { font-size: 1.3em; line-height: 1.5em; }
h2, .h2 { font-size: 1.4em; line-height: 1.5em; }
h3, .h3 { font-size: 1.2em; line-height: 1.5em; }
div.well h2, div.well h3, article.well h2, article.well h3 { font-size: 1.15em; }

#is-main-logo { text-align: center; }
#is-main-logo .h1 { font-size: 24px; }

.clear-xs, .clear-sm, .clear-md, .clear-lg {
	clear: none !important;
}

.top-right-navigation {
	margin-top: 0; text-align: center;
}

@media (max-width: 767px) {
	#is-page > * { font-size: 1.05em; }

	.clear-xs {
		clear: left !important; padding-top: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.clear-sm {
		clear: left !important; padding-top: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.clear-md {
		clear: left !important;
	}
}

@media (min-width: 1200px) {
	.clear-lg {
		clear: left !important;
	}
}

@media (min-width: 400px) {
	#is-main-logo img { max-width: 300px; }

	.thumbnail .caption h2, .thumbnail .caption h3 { font-size: 16px; }
}

@media (min-width: 500px) {
	h1, .h1 { font-size: 1.45em; }
	h2, .h2 { font-size: 1.30em; }
	h3, .h3 { font-size: 1.25em; }
	div.well h2, div.well h3, article.well h2, article.well h3 { font-size: 1.3em; font-weight: normal; }

	#is-main-logo img { max-width: 400px; }
}

@media (min-width: 600px) {
	#is-main-logo img { max-width: 500px; }
}

@media (min-width: 700px) {
	#is-main-logo img { max-width: 600px; }
}

@media (max-width: 767px) {
	.is-img-left, .is-img-right {
		float: none !important;
	}

	.btn-responsive-xs { font-size: 20px; }
}

@media (min-width: 768px) {
	h1, .h1 { font-size: 1.6em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.35em; }
	div.well h2, div.well h3, article.well h2, article.well h3 { font-size: 1.3em; font-weight: normal; }

	#is-main-logo { padding-bottom: 10px; }
	#is-page { min-height: 500px; }
	.page-header .lead { padding-left: 10px; }
	p.lead, div.lead p { margin-bottom: 10px; font-size: 19px; }

	div.well dl.dl-horizontal dt, div.well dl.dl-horizontal dd, article.well dl.dl-horizontal dt, article.well dl.dl-horizontal dd {
		width: 50%;
	}
}

@media (max-width: 767px) {
	#is-page { min-height: 300px; }
	.page-header .lead { font-size: 13px; }

	p.lead, div.lead p { font-size: 17px; }
	div.lead { margin-bottom: 25px; }

	.alert {
	  padding: 8px;
	}

	div.well dl.dl-horizontal dt, div.well dl.dl-horizontal dd, article.well dl.dl-horizontal dt, article.well dl.dl-horizontal dd {
		width: 100%;
	}
}

@media (min-width: 992px) {
	#is-main-logo { text-align: left; }

	.top-right-navigation {
		margin-top: 15px; text-align: right;
	}

	.page-header .is-header-main {
		height: 140px;
	}
}

@media (min-width: 1000px) {
    #is-main-logo .h1 { font-size: 28px; margin: 20px 0 0 10px; }
}

@media (min-width: 900px) AND (max-width: 991px) {
  .container {
    width: 870px;
  }
}

@media (min-width: 1100px) AND (max-width: 1199px) {
  .container {
    width: 1070px;
  }
}

@media (min-width: 1300px) {
  .container {
    width: 1270px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

	/** FLEX **/

	.flex-xs, .flex-sm, .flex-md, .flex-lg { display: block !important; }

	@media (max-width: 767px) {
		.flex-xs { display: flex !important; }
	}

	@media (min-width: 768px) AND (max-width: 991px) {
		.flex-sm { display: flex !important; }
	}

	@media (min-width: 992px) AND (max-width: 1199px) {
		.flex-md { display: flex !important; }
	}

	@media (min-width: 1200px) {
		.flex-lg { display: flex !important; }
	}

	/** MODAL **/

	@media (min-height: 600px) {
		#ConfirmationModal .modal-dialog { top: 100px; }
	}

	@media (min-height: 700px) {
		#ConfirmationModal .modal-dialog { top: 150px; }
	}

	@media (min-height: 900px) {
		#ConfirmationModal .modal-dialog { top: 200px; }
	}

	/** JUMBOTRON **/

	@media screen and (min-width: 768px) {
		.jumbotron {
			padding: 20px 10px !important;
		}
	}

	/** NAVIGATION **/

	@media (min-width: 992px) {
		nav.navbar-fixed-top { margin: 0; }
		.navbar-form { padding-top: 2px; }

		.jumbotron h2 {
		  font-size: 30px;
		}

		.navbar .container, .navbar .container-fluid, .navbar-collapse {
			padding-left: 0;
		}
	}

	@media (max-width: 767px) {
		ul.keywords > li {
			display: block !important;
		}
	}

	/** PAGINATION **/

	a.btn { margin: 2px 0; }

	@media (max-width: 767px) {
		.pagination li a, .pagination li span {
		  font-size: 1.4em;
		}
	}

	/** VIDEOS **/

	embed[src*=".youtube."], embed[src*=".dailymotion."] {
		width: 235px;
		height: 195px;
	}

	@media (min-width: 350px) {
		embed[src*=".youtube."], embed[src*=".dailymotion."] {
			width: 283px;
			height: 233px;
		}
	}

	@media (min-width: 450px) {
		embed[src*=".youtube."], embed[src*=".dailymotion."] {
			width: 354px;
			height: 291px;
		}
	}

	@media (min-width: 600px) {
		embed[src*=".youtube."], embed[src*=".dailymotion."] {
			width: 425px;
			height: 350px;
		}
	}

	span.video-responsive, span.video-responsive span {
		display: block;
	}

	/** POPOVER **/

	.popover {
		max-width: 350px;
	}

	@media (max-width: 400px) {
		.popover {
			max-width: 250px;
		}
	}

	/** GRAPHIQUE (STATISTIQUES) **/

	@media (min-width: 768px) {
		#stats-graph { height: 300px; }
	}

	@media (min-width: 992px) {
		#stats-graph { height: 350px; }
	}

	@media (min-width: 1200px) {
		#stats-graph { height: 400px; }
	}

	@media (min-width: 1400px) {
		#stats-graph { height: 450px; }
	}

	/** FORMULAIRES **/

	@media (max-width: 330px) {
		.well .form-group { width: 240px; overflow: hidden; }
	}

	@media (max-width: 767px) {
		textarea { max-height: 250px !important; }
	}

	@media (min-width: 768px) AND (max-width: 991px) {
		textarea { max-height: 400px !important; }
	}

	.max-width-xs-100, .max-width-xs-150, .max-width-sm-100, .max-width-sm-150, .max-width-md-100, .max-width-md-150, .max-width-lg-100, .max-width-lg-150 { max-width: none !important; }

	@media (max-width: 767px) {
		.max-width-xs-100 { max-width: 100px !important; }
		.max-width-xs-150 { max-width: 150px !important; }
	}

	@media (min-width: 768px) AND (max-width: 991px) {
		.max-width-sm-100 { max-width: 100px !important; }
		.max-width-sm-150 { max-width: 150px !important; }
	}

	@media (min-width: 992px) AND (max-width: 1199px) {
		.max-width-md-100 { max-width: 100px !important; }
		.max-width-md-150 { max-width: 150px !important; }
	}

	@media (min-width: 1200px) {
		.max-width-lg-100 { max-width: 100px !important; }
		.max-width-lg-150 { max-width: 150px !important; }
	}

		/* FORMULAIRES - TOOLBAR */

		@media (max-width: 400px) {
			.is-toolbar {
				height: 60px;
			}
		}

	/** ICÔNES RÉSEAUX SOCIAUX **/

	@media (max-width: 767px) {
		ul.is-social-links-xs li, ul.is-social-links-sm li {
			width: 12%; max-width: 60px;
		}

		ul.is-social-links-xs li a, ul.is-social-links-sm li a {
			width: 100%;
		}
	}