﻿/* ----------- BOUTON ----------- */

.button-alt3 {    
    background-color: #ffffff;    
    /*background-image: linear-gradient(0deg, #8C8C8C, #A4A4A4);*/   
    border: 1px solid #999999; 
    color:#999999; 
}


a.button-alt4, .button-alt4 {
    background-color: #D7000F;    
    background-image: linear-gradient(to bottom,#db0129 0,#b00021 100%);    
}

a.button-alt4:disabled, a.button-alt4:disabled:hover, .button-alt4:disabled, .button-alt4:disabled:hover {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #999;
    cursor: not-allowed;
}

a.button-alt3, a.button-alt4 {
    line-height:35px;    
    padding-left:5px;
    padding-right:5px;
}
.button-alt3 span:before, .button-alt4 span:before{
    font-size:20px;
    vertical-align:top;
    line-height:35px;
}
.button-alt3 {
    position: relative;
    display: inline-block;
    /*font-family: Arial;*/
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;    
    /*background-image: linear-gradient(0deg, #8C8C8C, #A4A4A4);*/   
    border: 1px solid #D7000F; 
    color:#D7000F; 
    cursor: pointer;
    transition: background-color 300ms ease-out;
    
    height:35px;
    min-width:150px;   
    
    vertical-align:middle;
}
.button-alt3-small {
    position: relative;
    display: inline-block;
    /*font-family: Arial;*/
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
    /*background-image: linear-gradient(0deg, #8C8C8C, #A4A4A4);*/
    border: 1px solid #D7000F;
    color: #D7000F;
    cursor: pointer;
    transition: background-color 300ms ease-out;
    height: 35px;
    min-width: 50px;
    vertical-align: middle;
}
.button-alt4 {
    position: relative;
    display: inline-block;
    /*font-family: Arial;*/
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    
    cursor: pointer;
    border-style: solid;
    border:0px;    
    
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
    
    height:35px;
    min-width:150px;   
    
    vertical-align:middle;
}
[class^=button-],
a[class^=button-] {
    font-size: 16px;
    border-radius: 4px;
    background-image: none;
    padding: 0 8px;
}

[class^=button-alt4]:hover,
a[class^=button-alt4]:hover {
    background: #AF0020;
}

[class^=button-alt3]:hover,
a[class^=button-alt3]:hover {
    /*background: #fff;*/
}