/***************************************************************************/
/**** HELPER UL ************************************************************/
/***************************************************************************/
ul.no-bullet
{
	list-style: none;
}

/***************************************************************************/
/**** HELPER LIENS *********************************************************/
/***************************************************************************/
a.no-color
{
	color: #333 !important;
}

/***************************************************************************/
/**** HELPER TAILLES *******************************************************/
/***************************************************************************/
.width-10{	width: 10% !important;}
.width-20{	width: 20% !important;}
.width-30{	width: 30% !important;}
.width-40{	width: 40% !important;}
.width-50{	width: 50% !important;}
.width-60{	width: 60% !important;}
.width-70{	width: 70% !important;}
.width-80{	width: 80% !important;}
.width-90{	width: 90% !important;}
.width-100{	width: 100% !important;}

.font-size-10{ 	font-size: 10px !important;}
.font-size-12{ 	font-size: 12px !important;}
.font-size-14{ 	font-size: 14px !important;}
.font-size-16{ 	font-size: 16px !important;}
.font-size-18{ 	font-size: 18px !important;}
.font-size-20{ 	font-size: 20px !important;}
.font-size-22{ 	font-size: 22px !important;}
.font-size-24{ 	font-size: 24px !important;}
.font-size-26{ 	font-size: 26px !important;}
.font-size-28{ 	font-size: 28px !important;}
.font-size-36{ 	font-size: 36px !important;}
.font-size-48{ 	font-size: 48px !important;}

/***************************************************************************/
/**** HELPER MARGES ********************************************************/
/***************************************************************************/
/* Marges complètes */
.margin-full
{
	margin: 15px !important;
}
.margin-full-none
{
	margin: 0px !important;
}
.margin-full-tiny
{
	margin: 5px !important;
}
.margin-full-double
{
	margin: 30px !important;
}

/* Marges verticales */
.margin-vertical
{
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}
.margin-vertical-none
{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.margin-vertical-tiny
{
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
.margin-vertical-double
{
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}

/* Marges horizontales */
.margin-horizontal
{
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.margin-horizontal-none
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.margin-horizontal-tiny
{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.margin-horizontal-double
{
	margin-left: 30px !important;
	margin-right: 30px !important;
}

/* Marge haute */
.margin-top
{
	margin-top: 15px !important;
}
.margin-top-none
{
	margin-top: 0px !important;
}
.margin-top-tiny
{
	margin-top: 5px !important;
}
.margin-top-double
{
	margin-top: 30px !important;
}

/* Marge basse */
.margin-bottom
{
	margin-bottom: 15px !important;
}
.margin-bottom-none
{
	margin-bottom: 0px !important;
}
.margin-bottom-tiny
{
	margin-bottom: 5px !important;
}
.margin-bottom-double
{
	margin-bottom: 30px !important;
}

/* Marge gauche */
.margin-left
{
	margin-left: 15px !important;
}
.margin-left-none
{
	margin-left: 0px !important;
}
.margin-left-tiny
{
	margin-left: 5px !important;
}
.margin-left-double
{
	margin-left: 30px !important;
}

/* Marge droite */
.margin-right
{
	margin-right: 15px !important;
}
.margin-right-none
{
	margin-right: 0px !important;
}
.margin-right-tiny
{
	margin-right: 5px !important;
}
.margin-right-double
{
	margin-right: 30px !important;
}


/***************************************************************************/
/**** HELPER PADDINGS ******************************************************/
/***************************************************************************/
/* Padding complets */
.padding-full
{
	padding: 15px !important;
}
.padding-full-none
{
	padding: 0px !important;
}
.padding-full-tiny
{
	padding: 5px !important;
}
.padding-full-double
{
	padding: 30px !important;
}

/* Padding verticales */
.padding-vertical
{
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.padding-vertical-none
{
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.padding-vertical-tiny
{
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}
.padding-vertical-double
{
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}

/* Padding horizontales */
.padding-horizontal
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.padding-horizontal-none
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.padding-horizontal-tiny
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.padding-horizontal-double
{
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* Padding haut */
.padding-top
{
	padding-top: 15px !important;
}
.padding-top-none
{
	padding-top: 0px !important;
}
.padding-top-tiny
{
	padding-top: 5px !important;
}
.padding-top-double
{
	padding-top: 30px !important;
}

/* Padding bas */
.padding-bottom
{
	padding-bottom: 15px !important;
}
.padding-bottom-none
{
	padding-bottom: 0px !important;
}
.padding-bottom-tiny
{
	padding-bottom: 5px !important;
}
.padding-bottom-double
{
	padding-bottom: 30px !important;
}

/* Padding gauche */
.padding-left
{
	padding-left: 15px !important;
}
.padding-left-none
{
	padding-left: 0px !important;
}
.padding-left-tiny
{
	padding-left: 5px !important;
}
.padding-left-double
{
	padding-left: 30px !important;
}

/* Padding droit */
.padding-right
{
	padding-right: 15px !important;
}
.padding-right-none
{
	padding-right: 0px !important;
}
.padding-right-tiny
{
	padding-right: 5px !important;
}
.padding-right-double
{
	padding-right: 30px !important;
}

/***************************************************************************/
/**** HELPER BORDURES ******************************************************/
/***************************************************************************/
.border-full
{
	border: 1px solid #ddd;
}
.border-bottom
{
	border-bottom: 1px solid #ddd;
}
.border-top
{
	border-top: 1px solid #ddd;
}
.border-right
{
	border-right: 1px solid #ddd;
}
.border-left
{
	border-left: 1px solid #ddd;
}
.border-none{ border: 0px !important; }
.border-top-none{ border-top: 0px !important; }
.border-bottom-none{ border-bottom: 0px !important; }
.border-left-none{ border-left: 0px !important; }
.border-right-none{ border-right: 0px !important; }

/***************************************************************************/
/**** HELPER STRIPES *******************************************************/
/***************************************************************************/
.stripe-default{
  background: repeating-linear-gradient(
  	45deg,
    #fff,
    #fff 10px,
    #f7f7f7 10px,
    #f7f7f7 20px
  );
}

.stripe-danger{
  background: repeating-linear-gradient(
  	45deg,
    #f5e1e3,
    #f5e1e3 10px,
    #fdfafb 10px,
    #fdfafb 20px
  );
}

.stripe-danger.has-error{
	padding:10px;
}

/***************************************************************************/
/**** HELPER FLOATS ********************************************************/
/***************************************************************************/
.clear
{
	clear: both !important;
}

/***************************************************************************/
/**** HELPER BACKGROUND ****************************************************/
/***************************************************************************/
.bg-gray-darker
{
	background: #222;
}
.bg-gray-dark
{
	background: #333;
}
.bg-gray
{
	background: #555;
}
.bg-gray-light
{
	background: #777;
}
.bg-gray-lighter
{
	background: #eee;
}

/***************************************************************************/
/**** HELPER AUTRE *********************************************************/
/***************************************************************************/
.pointer{
	cursor: pointer;
}
.disabled 
{
	opacity: 0.3;
}