/* GLOBAL STYLES
	-------------------------------------------------- */
	/* Padding below the footer and lighter body text */
	
	@font-face {
	    font-family: 'Comfortaa';
	    src: url('../font/comfortaa-bold-webfont.eot');
	    src: url('../font/comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../font/comfortaa-bold-webfont.woff') format('woff'),
	         url('../font/comfortaa-bold-webfont.ttf') format('truetype'),
	         url('../font/comfortaa-bold-webfont.svg#Comfortaa') format('svg');
	    font-weight: bold;
	    font-style: normal;
	
	}
	
	@font-face {
	    font-family: 'Comfortaa';
	    src: url('../font/comfortaa-light-webfont.eot');
	    src: url('../font/comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../font/comfortaa-light-webfont.woff') format('woff'),
	         url('../font/comfortaa-light-webfont.ttf') format('truetype'),
	         url('../font/comfortaa-light-webfont.svg#Comfortaa') format('svg');
	    font-weight: lighter;
	    font-style: normal;
	
	}
	
	@font-face {
	    font-family: 'Comfortaa';
	    src: url('../font/comfortaa-regular-webfont.eot');
	    src: url('../font/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../font/comfortaa-regular-webfont.woff') format('woff'),
	         url('../font/comfortaa-regular-webfont.ttf') format('truetype'),
	         url('../font/comfortaa-regular-webfont.svg#Comfortaa') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	/* Elements du HTML */

	body {
	  padding-bottom: 40px;
	  color: #5a5a5a;
	  margin:0px;
	  padding:0px;
	  width:100%
	}
	
	h1,h2,h3,h4,h5,p,.btn,.navbar,.bs-docs-sidebar,.bs-callout,.alert, ul, li, td {
		font-family:  "Comfortaa", Comfortaa;
	}
	
	h1,h2,h3,h4,h5 {
		font-weight:bold;
	}

	h5 {
		padding-top : 10px;
		padding-bottom : 5px;
		font-size:15px;
	}
		
	.panel-title {
		font-size:30px;
	}
	
	.page {
		padding-top : 51px;
		padding-bottom:20px; 
	}	


	.logo-iwinetab{
		height:14px;
		vertical-align:0px;
	}

	h1 > .logo-iwinetab {
		height:30px;
	}
	
	h2 > .logo-iwinetab {
		height:22px;
	}
	
	h3 > .logo-iwinetab {
		height:20px;
	}
	
	p > .logo-iwinetab, i > .logo-iwinetab, .list-group .logo-iwinetab {
	}
	

	.bs-docs-section > li, .bs-callout > li, td > li {
		list-style-image : url('../image/petite-pastille-rouge.svg');
		list-style-position:outside;
		font-weight: normal;
		margin-left:12px;
		padding-left:0px;
		padding-bottom:5px;
	}

	a, a:hover {
		color:#BB2642;
	}		
	
	red, .red {
		color:#BB2642;
	}

	green, .green {
		color:#078c0a;
	}

	footer {
		padding-left : 10px;
		padding-right : 10px;
	}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #ddd;
  background-color: #fcfcfc;

}
.bs-callout h4,.bs-callout h5 {
  margin-top: 0;
  margin-bottom: 5px;
	padding-top : 0px;
	padding-bottom : 0px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  background-color: #fff;
  border-radius: 3px;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #BB2642;
 }
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}

.bs-callout-success {
  background-color: #efffee;
  border-color: #078c0a;
}
.bs-callout-success h4 {
  color: #078c0a;
}

/* RESPONSIVE
----------------*/


/* Tablette portrait */
		
@media (max-width: 979px) {
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.page {
		padding-top : 51px;
	}	
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

}

/* Large desktop */
@media (min-width: 1200px) {
	.bord { border:1px solid #FF0000;}
}

/* Normal desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	.bord { border:1px solid #00FF00;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	.bord { border:1px solid #0000FF;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 480px) and (max-width: 767px) {
	.bord { border:1px solid #FF00FF;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.phone-hidden {
		display:none;
	}
	.bord { border:1px solid #00FFFF;}
}