/* ================================ */
/* By Atypic - www.atypic.be
/* ================================ */

/* ===== Labels ===== */

label[for] {
    cursor: pointer;
}
label {
    display: block;
}
form label {
    /*display: none;*/
    display: block;
    margin-bottom: 5px;
}
html.no-placeholder form label{ /* Si placeholder non pris en charge alors labels affichés */
    display: block;
}
form .form.show-label label, /* Pour forcer l'affichage des labels de tout le formulaire */
form label.show-label { /* Pour forcer l'affichage d'un label en particulier */
    display: block;
}

/* Pour afficher des labels une seule ligne */
form .labels-inline label {
    display: inline-block;
}
form .input-container {
    margin-bottom: 15px;
}
form .submit-container {
    margin-bottom: 0;
}

/* ===== Input, textarea, select, buttons  ===== */
input,
textarea,
option,
select {
    display: block;
}
option {
    padding: 5px;
}
textarea {
    resize: vertical;
    min-height: 100px;
    height: 100px;
    margin: 0;
}

input,
textarea,
select{
    width: 100%;
    background:#fff;
    padding: 5px 7px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;


    -webkit-transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    -moz-transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease, box-shadow 0.3s ease, -moz-transform 0.3s ease;
    -ms-transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease, box-shadow 0.3s ease, -ms-transform 0.3s ease;
    -o-transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease, box-shadow 0.3s ease, -o-transform 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease, margin 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease
}
input[type="checkbox"] {
    width: auto;
}

select{
    padding: 0px 4px;
}
select,
.form.form-select-gray select {
    padding-right: 30px !important;
    background-image: url(img/form/select-arrow-gray1.png);
    background-position: 100% 50%;
    background-repeat: no-repeat; 

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form.form-select-white select {
    background-image: url(img/form/select-arrow-white.png);
}
.form.form-select-gray2 select {
    background-image: url(img/form/select-arrow-gray2.png);
}
.form.form-select-white2 select {
    background-image: url(img/form/select-arrow-white2.png);
}
.form.form-select-custom select {
    background-image: url(img/form/select-arrow-custom.png);
}
/* Supprime la flèche personnalisée pour IE < 9 */
html.ltie10 select {
    padding-right: 0 !important;
    background-image: none !important;
}
/* Supprime la flèche par défaut pour IE10+ */
select::-ms-expand {
    display: none;
}  
input[type="radio"],
input[type="checkbox"] {
    background: none !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    margin: 5px 10px;
    width: auto !important;
    height: auto !important;
}  
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: 0 !important;
    box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}   

.btn,
button,
input[type="button"],
input[type="submit"] {
    border: 0;
    width: auto;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background-color:#0F98E7;
    color: #fff;
    padding: 10px 15px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
option,
select,
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}
textarea, input { outline: none; }

input.error_field,
textarea.error_field,
select.error_field {
    color: #C93E17;
    background-color: #fff7b7;
}
.input-container.error_field {
    color: #C93E17;
}

.request-file input, textarea, select{
	border: 1px solid black !important;
	padding: 10px !important;
	font-size: 1.5em !important;
}

.request-file label{
	font-size: 1.5em !important;
	margin-left: 10px;
	text-decoration: underline;
}