/* -------------------------------------------------------------------------------------------------------------
   Bordures
--------------------------------------------------------------------------------------------------------------*/

.bor_0{border:none !important;}

/* -------------------------------------------------------------------------------------------------------------
   Font
--------------------------------------------------------------------------------------------------------------*/

.font_s_0_8      {font-size:0.8em;}
.font_s_0_9      {font-size:0.9em;}
.font_s_1_1      {font-size:1.1em;}
.font_s_1_2      {font-size:1.2em;}
.font_s_1_4      {font-size:1.4em;}
.font_s_1_5      {font-size:1.5em;}
.font_s_1_6      {font-size:1.6em;}
.font_s_1_8      {font-size:1.8em;}
.font_s_2_1      {font-size:2.1em;}
.font_s_3_3      {font-size:3.3em;}

.font_w_300      {font-weight:300;}
.font_w_400      {font-weight:400;}
.font_w_500      {font-weight:500;}
.font_w_600      {font-weight:600;}
.font_w_700      {font-weight:700;}
.font_w_800      {font-weight:800;}

/* -------------------------------------------------------------------------------------------------------------
   Padding
--------------------------------------------------------------------------------------------------------------*/

.pad_0      {padding:0}
.pad_5     	{padding:           5px; }
.pad_10     {padding:           10px; }
.pad_15     {padding:           15px; }
.pad_20     {padding:           20px; }
.pad_30     {padding:           30px; }
.pad_40     {padding:           40px; }
.pad_50     {padding:           50px; }
.pad_100    {padding:           100px;}

.pad_t_0    {padding-top:       0px; }
.pad_t_10   {padding-top:       10px; }
.pad_t_15   {padding-top:       15px; }
.pad_t_20   {padding-top:       20px; }
.pad_t_30   {padding-top:       30px; }
.pad_t_40   {padding-top:       40px; }
.pad_t_50   {padding-top:       50px; }
.pad_t_100  {padding-top:       100px;}

.pad_b_0    {padding-bottom:    0px; }
.pad_b_10   {padding-bottom:    10px; }
.pad_b_20   {padding-bottom:    20px; }
.pad_b_30   {padding-bottom:    30px; }
.pad_b_40   {padding-bottom:    40px; }
.pad_b_50   {padding-bottom:    50px; }
.pad_b_100  {padding-bottom:    100px;}

.pad_l_0    {padding-left:      0px !important; }
.pad_l_10   {padding-left:      10px; }
.pad_l_20   {padding-left:      20px; }
.pad_l_30   {padding-left:      30px; }
.pad_l_40   {padding-left:      40px; }
.pad_l_50   {padding-left:      50px; }
.pad_l_100  {padding-left:      100px;}

.pad_r_10   {padding-right:     10px; }
.pad_r_20   {padding-right:     20px; }
.pad_r_30   {padding-right:     30px; }
.pad_r_40   {padding-right:     40px; }
.pad_r_50   {padding-right:     50px; }
.pad_r_100  {padding-right:     100px;}

/* -------------------------------------------------------------------------------------------------------------
   Margin
--------------------------------------------------------------------------------------------------------------*/

.mar_0      {margin:0}
.mar_10     {margin:            10px; }
.mar_15     {margin:            15px; }
.mar_20     {margin:            20px; }
.mar_30     {margin:            30px; }
.mar_40     {margin:            40px; }
.mar_50     {margin:            50px; }
.mar_100    {margin:            100px;}

.mar_t_0    {margin-top:        0px; }
.mar_t_5    {margin-top:        5px; }
.mar_t_10   {margin-top:        10px !important; }
.mar_t_15   {margin-top:        15px; }
.mar_t_20   {margin-top:        20px; }
.mar_t_30   {margin-top:        30px; }
.mar_t_40   {margin-top:        40px; }
.mar_t_50   {margin-top:        50px; }
.mar_t_70   {margin-top:        70px; }
.mar_t_80   {margin-top:        80px; }
.mar_t_100  {margin-top:        100px;}

.mar_b_0    {margin-bottom:      0px !important; }
.mar_b_10   {margin-bottom:     10px; }
.mar_b_20   {margin-bottom:     20px !important; }
.mar_b_30   {margin-bottom:     30px; }
.mar_b_40   {margin-bottom:     40px; }
.mar_b_50   {margin-bottom:     50px; }
.mar_b_100  {margin-bottom:     100px;}

.mar_l_0    {margin-left:        0px; }
.mar_l_10   {margin-left:       10px; }
.mar_l_20   {margin-left:       20px; }
.mar_l_30   {margin-left:       30px; }
.mar_l_40   {margin-left:       40px; }
.mar_l_50   {margin-left:       50px; }
.mar_l_100  {margin-left:       100px;}

.mar_r_0    {margin-right:      0px; }
.mar_r_10   {margin-right:      10px; }
.mar_r_20   {margin-right:      20px; }
.mar_r_30   {margin-right:      30px; }
.mar_r_40   {margin-right:      40px; }
.mar_r_50   {margin-right:      50px; }
.mar_r_100  {margin-right:      100px;}


/* -------------------------------------------------------------------------------------------------------------
   Alignement de textes selon la taille de l'écran
--------------------------------------------------------------------------------------------------------------*/

/* Comportement par défaut */
.text-left-sm,
.text-left-md,
.text-left-lg,
.text-center-sm,
.text-center-md,
.text-center-lg,
.text-right-sm,
.text-right-md,
.text-right-lg,
.text-justify-sm,
.text-justify-md,
.text-justify-lg {text-align:inherit;}

/* Style par défaut */
.text-left-xs {text-align:left;}
.text-center-xs {text-align:center;}
.text-right-xs {text-align:right;}
.text-justify-xs {text-align:justify;}

/* Style pour tablette */
@media (min-width:768px) {
    .text-left-sm,.text-left-xs {text-align:left;}
    .text-center-sm,.text-center-xs {text-align:center;}
    .text-right-sm,.text-right-xs {text-align:right;}
    .text-justify-sm,.text-justify-xs {text-align:justify;}
}

/* Style pour desktop */
@media (min-width:992px) {
	.text-left-md,  
	.text-left-sm, 
	.text-left-xs {text-align:left;}
      
	.text-center-md, 
	.text-center-sm, 
	.text-center-xs {text-align:center;}
    
    .text-right-md, 
    .text-right-sm, 
    .text-right-xs {text-align:right;}

    .text-justify-md, 
    .text-justify-sm, 
    .text-justify-xs {text-align:justify;}
}

/* Style pour grand desktop */
@media (min-width:1200px) {
    .text-left-lg, 
    .text-left-md, 
    .text-left-sm, 
    .text-left-xs {text-align:left;}

    .text-center-lg, 
    .text-center-md, 
    .text-center-sm, 
    .text-center-xs {text-align:center;}

    .text-right-lg, 
    .text-right-md, 
    .text-right-sm, 
    .text-right-xs {text-align:right;}

    .text-justify-lg, 
    .text-justify-md, 
    .text-justify-sm, 
    .text-justify-xs {text-align:justify;}
}