/* FORM INPUT */

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	
	
}

label {
	font-size : 18px;
	width : 200px;
	}
	
/* Boutons */


/* Reset pour le menu responsive */
button.navbar-toggle {
	min-width : 0 !important;
}

input[type="button"], .specialbtn, button, input[type="submit"], .button, .button:visited, .button:focus, .btn-cart, .uk-button, .vm-button-correct, .proopc-empty-continue-link .proopc-btn {
	/*min-width : 200px;*/
	display : block;
	padding-top : 10px;
	padding-bottom : 10px;
	border : none;
	color : white;
	font-weight : 300;
	height : 50px;
	line-height : 30px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	border-radius : 0px !important;
	font-size : 15px;
	text-transform : uppercase !important;
	background : #e01f16 !important;
        text-align : center;
        overflow: hidden !important;
        position: relative;
        cursor : pointer;
	}
        
        .button a {
            display: block;
            height: 100%;
            width: 100%;
            color : white !important;
            line-height: 30px;
        }
        
        .button span {
            z-index: 20;
        }
        
         .button span, input[type="button"] span, input[type="submit"] span, .uk-button span {
            z-index: 20;
        }
        
        .fancybox-button {
            background: transparent !important;
        }
        
       .button:after, input[type="button"]:after, input[type="submit"]:after, .uk-button:after  {
            background: #fff;
            content: "";
            height: 155px;
            left: -75px;
            opacity: 0.2;
            position: absolute;
            top: -50px;
            -webkit-transform: rotate(35deg);
                    transform: rotate(35deg);
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            width: 50px;
            z-index: -10;
          }

          .button:hover:after, input[type="button"]:hover:after, input[type="submit"]:hover:after, .uk-button:hover:after {
            left: 120%;
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          }
        
       
	
.fancybox-button {
	min-width : 0px;
	border : none !important;
}
	
.uk-button {
	width : 100%;
}



.uk-form-controls > label {
	display : block;
	width : 50%;
	font-weight : 300;
}

.rsform-checkbox {
	margin-right : 10px !important;
	margin-top : 0px !important;
}
	
button.close {
	min-width : 45px;
	text-shadow : none !important;
	color : white !important;
}
	
input[type="button"]:hover, button:hover, input[type="submit"]:hover, .button:hover, .specialbtn:hover, .uk-button:hover {
	opacity : 0.9;
	color : white;
	}
	

/* Champs texte */
		
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	color : #737373;
	height : 45px;
	margin-bottom : 10px;
	width : 50%;
	border : 1px solid #cccccc;
	padding-left : 15px;
}

.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
	color : #737373;
	height : 50px !important;
	margin-bottom : 0px !important;
	width : 100%;
	border : 1px solid #cccccc;
	padding-left : 20px !important;
}

.uk-form *::-moz-placeholder {
    text-transform: uppercase;
}

.uk-form-row {
    margin-top : 5px !important;
}


/*DANGER FORMULAIRE INVALIDE*/

.formError {
display : none;
}

.formRed {
	margin-bottom : 30px !important;
	text-transform : uppercase;
	font-weight : 500;
color : #e7302b;
padding-left : 30px;
background : url(../images/danger.png) left center no-repeat;
line-height : 25px !important;
}


input[type="text"].invalid,
input[type="password"].invalid,
input[type="datetime"].invalid,
input[type="datetime-local"].invalid,
input[type="date"].invalid,
input[type="month"].invalid,
input[type="time"].invalid,
input[type="week"].invalid,
input[type="number"].invalid,
input[type="email"].invalid,
input[type="url"].invalid,
input[type="search"].invalid,
input[type="tel"].invalid,
input[type="color"].invalid,
input[type="text"].rsform-error,
input[type="password"].rsform-error,
input[type="datetime"].rsform-error,
input[type="datetime-local"].rsform-error,
input[type="date"].rsform-error,
input[type="month"].rsform-error,
input[type="time"].rsform-error,
input[type="week"].rsform-error,
input[type="number"].rsform-error,
input[type="email"].rsform-error,
input[type="url"].rsform-error,
input[type="search"].rsform-error,
input[type="tel"].rsform-error,
input[type="color"].rsform-error {
	background-color : white !important;
	border : 2px solid #e7312c !important;
}




	

	@media screen and (max-width: 768px) {
	
		.uk-form-controls > label {
			width : 100%;
		}
	}
	
/* Liste déroulante	 */

select {
	height : 45px;
	line-height : 45px;
	}
	
	
.chzn-container {
	width : 50% !important;
}

.chzn-drop  {
	min-width : 100% !important;
	width : 100% !important;
}

.chzn-single {
	height : 45px !important;
	line-height : 40px !important;
	background : white !important;
	color : #737373 !important;
	padding-left : 15px !important;
}

.chzn-single div b {
	background-position : 0px 10px !important;
}
	
/* Zone de texte */
	
.uk-form select[multiple], .uk-form select[size], .uk-form textarea {
	height : 200px;
        padding-top : 15px;
	}
	
textarea:focus {
	
	}
	
legend {
	font-size : 20px;
	font-weight : bold;
	text-transform : uppercase;
	}
	
/* CHAMPS DE CONNEXION */
input.input-small {
	width : 80%;
	height : 40px;
	margin-bottom : 15px;
	margin-left : 15px;
	padding-left : 15px;
}

.hasTooltip {
	font-size : 15px;
}

#form-login-submit button {
	width : 100% ;
}

.form-login-oubli {
	text-align : left;
}

.form-login-oubli ul {
	list-style : none;
	padding-left : 0;
}

.form-login-oubli li {
	font-size : 11px;
	padding : 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #aaaaaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:   #aaaaaa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   #aaaaaa;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:   #aaaaaa;
}


/* PAGE	 DE CONNEXION */
.login label {
	min-width : 150px;
}


@media screen and (max-width: 1024px) {
	
	.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
	
	width : 100%;
	
}

.uk-button {
	width : 100%;
}
	
	
}