/********************************************************************
	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; }
h2, .h2 { font-size: 1.4em; }
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 .h1 { font-size: 24px; }

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

@media (max-width: 767px) {
	.clear-xs {
		clear: left !important; width: auto !important;
	}
}

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

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

@media (min-width: 1200px) {
	.clear-lg {
		clear: left !important; width: auto !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.45em; }
	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; }
	#is-main-logo .h1 { font-size: 30px; }
}

@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: 16px; }
}

@media (min-width: 768px) {
	h1, .h1 { font-size: 1.6em; }
	h2, .h2 { font-size: 1.6em; }
	h3, .h3 { font-size: 1.4em; }
	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) {
	.page-header .is-header-main {
		height: 140px;
	}
}

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

@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;
  }
}

	/** 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) {
		.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; }
	}

		/* 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%;
		}
	}