/* ----------------------	 COMMONS (default theme)	-------------------------- */

/* LABELS & FIELDSET ----- */
form { padding:10px; }
fieldset {
	display:block;
	padding:10px;
}

label, 
.label_like { 
	display:block;
	font-size:13px;
	padding:5px;
}
label.wp25, .label_like.wp25,
label.wp33, .label_like.wp33,
label.wp50, .label_like.wp50 { }
label.label-cursor, 
.label_like.label-cursor { height:70px; }
label .field,
label .selecter {
	text-transform:none;
	margin-top:10px;
}

label.floated-label {
	padding-top:10px;
    font: 400 12px/30px 'Open sans', sans-serif;
    color: #464546; min-height:40px;
}
label.floated-label:after { 
	content:""; 
	display:block;
	clear:both
}
label.floated-label input[type="text"],
label.floated-label input[type="email"],
label.floated-label input[type="password"],
label.floated-label input[type="tel"],
label.floated-label textarea,
label.floated-label select {
	width:66%;
	float:right;
	margin-top:0;
}
label.floated-label textarea { min-height:60px; }
label.floated-label > span {
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	/*width:30%;*/
}

label.inline-label,
span.inline-label {
	vertical-align:middle;
	display:inline-block;
    font: 400 12px/30px 'Open sans', sans-serif;
    color: #464546; height:40px;
	margin-right:10px;
	padding-left:5px;
}
span.inline-label { width:33%; line-height:40px; margin-right:0 }
label.inline-label input,
span.inline-label input {
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

/* TEXTFIELD ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select {
	outline:0;
	display:block;
	font: 400 13px/20px 'Open sans', sans-serif;
	width:100%; height:30px;
	border:#e3e3e3 1px solid;
	background-color:#fff;
	color:#5a5e6b;
	padding:5px 10px;
	-webkit-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
	   -moz-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
	     -o-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
			transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
}
textarea { line-height:16px; min-height:80px; }
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover, 
textarea:hover,
select:hover { border-color:#1ba3d6; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus, 
textarea:focus,
select:focus {
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px;
}
input[type="button"],
input[type="submit"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}
input[type="checkbox"],
input[type="radio"] {
	display:inline-block;
	vertical-align:middle;
	margin:-5px 5px 0 0;
}
label input,
label textarea,
label select { margin:10px 0 0 }


/* ---------------------	 CUSTOMIZED ELEMENTS	------------------------- */
/* UI AUTOCOMPLETE ---------- */
.ui-autocomplete {
	position:absolute;
	overflow:auto; z-index:4;
	border:#b7bbc7 1px solid;
	background-color:rgba(255,255,255,0.7);
	max-height:320px; max-width:280px;
	background:#fff; padding:5px 15px;
	color:#333; font-size:12px;
}
.ui-autocomplete li { margin:5px 0; }
.ui-autocomplete li:hover { color:#1ba3d6 }

/* SLIDER RANGE ------------- */
.ui-slider {
	height:10px;
	position: relative;
	border-radius:3px;
	background-color:#999;
	margin:0 8px;
}
.ui-slider .ui-slider-handle {
	display:block;
	border-radius:3px;
	position: absolute;
	top:-4px; z-index: 2;
	background-color:#fff;
	height:16px; width:16px;
	border:#41649a 1px solid;
}
.ui-slider-horizontal .ui-slider-handle { margin-left:-8px; }
.ui-slider-horizontal .ui-slider-range {
	border:none;
    display:block;
	background-color:#e3e3e3;
    position:absolute; top:0;
	height: 100%;
    z-index: 1;
}
.ui-slider .slider-tooltip {
	display:block; width:80px; height:12px; line-height:12px;
	position:absolute; top:20px;
	outline:none !important; border:none !important;
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ui-slider .slider-tooltip.tooltip-min { left:-10px; text-align:left }
.ui-slider .slider-tooltip.tooltip-max { right:-10px; text-align:right }
.ui-slider .slider-tooltip:focus,
.ui-slider-horizontal .ui-slider-handle:focus,
.ui-slider-horizontal .ui-slider-handle:focus .slider-tooltip { outline:none !important; }
.ui-slider .slider-tooltip.tooltip-min.collision-adjust { margin-top:-2px; }
.ui-slider .slider-tooltip.tooltip-max.collision-adjust { margin-top:10px; }

label .ui-slider { margin:10px 8px 10px; }

/* COMMITTER */
.committer {
    position: relative;
	display:inline-block; vertical-align: middle;
	height:20px; width:50px; margin-right:10px;
	background:#fff; 
	border:#cacaca 1px solid; 
	border-radius:12px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
.committer .commit-texte {
    position: absolute; z-index: 0;
    top: 0; left: 4px; right: 2px;
    line-height: 20px; padding: 0 4px;
    font-size: 9px; font-weight: 600;
    text-transform: uppercase;
}
.committer .commit-handler {
    position: relative; z-index: 1;
	display:inline-block; cursor:pointer;
	width:20px; height:20px;
	border:#e3e3e3 1px solid;
	margin:-1px;
	border-radius:12px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
.committer.commit-off { background:#e1e1e1; }
.committer.commit-off .commit-handler {	background-color:#fff; margin:-1px; }
.committer.commit-off .commit-texte { text-align: right; color: #999999 }
.committer.commit-on { background-color:#1ca9e3; }
.committer.commit-on .commit-handler { background-color:#fff; margin:-1px -1px -1px 31px; }
.committer.commit-on .commit-texte { text-align: left; color: #fff }
.block-label .committer { display:block; margin: 16px 0 10px; }
.committer:hover .commit-handler {
	-webkit-box-shadow:#0f53a2 0 0 5px;
	box-shadow:#0f53a2 0 0 5px;
}

/* --- quantites --- */
.quantite label {
	position:relative;
	padding-right:20px;
	border:#dadada 1px solid;
	display:block; margin:0;
	font-size:13px; padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.quantite label input.champs_quantite {
	display:block; 
	border-radius: 0;
	border:none; background:#fff;
	padding:0 0 0 10px; margin:0;
	width:100%; height:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.quantite label .bouton_plus, 
.quantite label .bouton_minus {
	display:block; width:20px; height:20px;
	position:absolute; right:0; z-index: 1;
    text-align: center; line-height: 20px;
    font-family: 'icomoon';
    font-size: 10px; 
    color: #929292
}
.quantite label .bouton_plus { top: 0; content: "\e909";  }
.quantite label .bouton_minus { bottom: 0; content: "\e90a";  }
.quantite label:hover .bouton_plus, 
.quantite label:hover .bouton_minus { background-color: #f2f2f2 }
.quantite label .bouton_plus:hover,
.quantite label .bouton_minus:hover { color:#2972c7 }

/* --- customs checkbox --- */
.cust-checkbox-referent { 
	opacity:0; 
	*left: -999999px;
	left:-999999px;
	position: absolute;
}
.cust-checkbox {
	display:inline-block;
	vertical-align:middle;
	border:#b7bbc7 1px solid;
	width:13px; height:13px;
	margin-right:10px;
	-webkit-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
	   -moz-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
	     -o-transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
			transition:color .3s linear, background-color .3s linear, border-color .3s linear, box-shadow .3s linear;
}
.cust-checkbox:hover { border-color:#1ba3d6; }
.cust-checkbox.focus { 
	border-color:#1ba3d6;
	-webkit-box-shadow: 0 0 5px #1ba3d6;
	-moz-box-shadow: 0 0 5px #1ba3d6;
	-ms-box-shadow: 0 0 5px #1ba3d6;
	-o-box-shadow: 0 0 5px #1ba3d6;
	box-shadow: 0 0 5px #1ba3d6;
}
.cust-checkbox .cust-checkbox-state {
	display:block;
	width:17px; height:17px;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center;
	background-image:none;
	margin:-2px;
}
.cust-checkbox.checked .cust-checkbox-state { background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIgMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjNUE1RTZCIiBkPSJNMy4yMjMsNS4xNzZsMS41NjMsMy4wMjdjMCwwLDIuNTM5LTYuMTUzLDYuNTQ0LTguMjAzYy0wLjA5OCwxLjQ2NS0wLjQ4OCwyLjczNCwwLjE5NSw0LjI5Nw0KCUM5Ljc2OCw0LjY4OCw2LjE1Miw5LjA4Miw0Ljk4LDExLjIzQzMuMzIsOS4xOCwxLjM2Nyw3LjYxNywwLDcuMTI5TDMuMjIzLDUuMTc2eiIvPg0KPC9zdmc+DQo="); }


/* ---------------------	 QUERY FORMS	------------------------- */
.query-form { width:100%; padding-bottom:20px; }
.query-form a.collapse-query-form {
	display:none; height:30px;
	background-repeat:no-repeat;
	background-position:right 0;
	background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9Ii00LjkyNiAtMS41NTQgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTQuOTI2IC0xLjU1NCAzMCAzMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0M0QzRDNCIgZD0iTTEzLjU4OSwxMS42MDdjMS45NjctMi44OTQsMS42NzEtNi44NjUtMC44OTUtOS40MjkNCgkJCWMtMi45MDQtMi45MDQtNy42MTMtMi45MDQtMTAuNTE3LDBjLTIuOTA0LDIuOTA0LTIuOTA0LDcuNjEyLDAsMTAuNTE3YzIuNTY0LDIuNTY1LDYuNTM1LDIuODYsOS40MjksMC44OTVsNi41NTgsNi41NTgNCgkJCWwxLjk4My0xLjk4M0wxMy41ODksMTEuNjA3eiBNMTEuMzM5LDExLjM2NGMtMi4xMjgsMi4xMjgtNS41NzcsMi4xMjgtNy43MDQsMGMtMi4xMjctMi4xMjctMi4xMjctNS41NzYsMC03LjcwNA0KCQkJYzIuMTI3LTIuMTI2LDUuNTc2LTIuMTI2LDcuNzA0LDBDMTMuNDY2LDUuNzg4LDEzLjQ2Niw5LjIzNywxMS4zMzksMTEuMzY0eiBNMTAuMzkxLDI2Ljg5Mmw0LjcyMS00LjcyMkg1LjY2OEwxMC4zOTEsMjYuODkyeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); padding:0 5px;
	line-height:30px; font-size:12px; color:#c4c4c4;
	
}
.query-form.opened a.collapse-query-form {
	background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9Ii00LjkyNiAtMS4xMTIgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTQuOTI2IC0xLjExMiAzMCAzMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0M0QzRDNCIgZD0iTTEzLjU4OSwxOS4yMzRjMS45NjctMi44OTQsMS42NzEtNi44NjQtMC44OTUtOS40MjkNCgkJCWMtMi45MDQtMi45MDQtNy42MTMtMi45MDQtMTAuNTE3LDBjLTIuOTA0LDIuOTA0LTIuOTA0LDcuNjEyLDAsMTAuNTE3YzIuNTY0LDIuNTY0LDYuNTM1LDIuODYsOS40MjksMC44OTZsNi41NTgsNi41NTgNCgkJCWwxLjk4My0xLjk4M0wxMy41ODksMTkuMjM0eiBNMTEuMzM5LDE4Ljk5MWMtMi4xMjgsMi4xMjgtNS41NzcsMi4xMjgtNy43MDQsMGMtMi4xMjctMi4xMjctMi4xMjctNS41NzYsMC03LjcwNA0KCQkJYzIuMTI3LTIuMTI2LDUuNTc2LTIuMTI2LDcuNzA0LDBDMTMuNDY2LDEzLjQxNSwxMy40NjYsMTYuODY0LDExLjMzOSwxOC45OTF6IE0xMC4zODksMEw1LjY2OCw0LjcyMmg5LjQ0NEwxMC4zODksMHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
}
.query-form label { color:#8e929f; text-transform:uppercase; }
.query-form .field { border-color:#b7bbc7; color:#8e929f }
.query-form .field:hover { border-color:#1ba3d6; }
.query-form .field:focus {
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px;
}
/* selecters */
.query-form .selecter { color:#8e929f }
.query-form .selecter-selected {
	background:#fff url(images/jquery.fs.selecter-arrow-light.png) right center no-repeat;
	border-color:#b7bbc7;
}
.query-form .selecter-options { border-color:#b7bbc7; }
.query-form .selecter .selecter-item { background:#fff; color:#b7bbc7 }
.query-form .selecter .selecter-item:hover {  color:#808697; }
.query-form .selecter .selecter-item.selected { background:#f5f5f5; color:#808697; }
.query-form .selecter.open .selecter-selected,  
.query-form .selecter:hover,
.query-form .selecter.open,
.query-form .selecter.open .selecter-options { border-color:#1ba3d6; }
.query-form .selecter.focus {
	border-color:#1ba3d6;
	/*-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px;*/
}
.query-form .selecter .selecter-item.disabled { background:#e3e3e3; color:#b7bbc7; }
.query-form .selecter.disabled .selecter-selected,
.query-form .selecter.disabled .selecter-options { background:#fff; border-color:#e3e3e3; color: #ccc; }
.query-form .selecter.disabled .selecter-group, 
.query-form .selecter.disabled .selecter-item { border-color:#e3e3e3; }
.query-form .selecter.disabled .selecter-item.selected { background:#f5f5f5; }
.query-form .selecter.focus .selecter-selected { background-color: #fff; }
/* sliders ranges */
.query-form .ui-slider {
	background-color:#fff;
	border:#b7bbc7 1px solid;
}
.query-form .ui-slider-handle { background-color:#eeeeee; border:#b7bbc7 1px solid; }
.query-form .ui-slider-horizontal .ui-slider-range { background-color:#e3e3e3 }
.query-form .ui-slider-handle.ui-state-hover { border-color:#1ba3d6; }
/*.query-form .ui-slider-handle.ui-state-focus { border-color:#1ba3d6; }*/
.query-form .ui-slider-handle.ui-state-active {
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 10px;
	-moz-box-shadow:#1ba3d6 0 0 10px;
	-ms-box-shadow:#1ba3d6 0 0 10px;
	-o-box-shadow:#1ba3d6 0 0 10px;
	box-shadow:#1ba3d6 0 0 10px;
}
.query-form .slider-tooltip { 
	font-family: 'Lato', sans-serif; font-size:11px;
	color:#8e929f; text-transform:none;
}


.form-contact .cust-checkbox.checked .cust-checkbox-state { background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9Ii0wLjIzOCAtMC4zODUgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuMjM4IC0wLjM4NSAxMiAxMiINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMy4yMjMsNS4xNzZsMS41NjMsMy4wMjdjMCwwLDIuNTM5LTYuMTUzLDYuNTQ0LTguMjAzDQoJYy0wLjA5OCwxLjQ2NS0wLjQ4OCwyLjczNCwwLjE5NSw0LjI5N0M5Ljc2Nyw0LjY4OCw2LjE1Miw5LjA4Miw0Ljk4LDExLjIzQzMuMzIsOS4xOCwxLjM2Nyw3LjYxNywwLDcuMTI5TDMuMjIzLDUuMTc2eiIvPg0KPC9zdmc+DQo="); }

/* ----- select2 ---- */
.select2-container {
    width: 100%;
    display: block;
}

/* ----- errors ----- */
#fillme { display:none }

.valid_area {
	border:#d8d8d8 1px solid;
    padding:40px 20px;
}
.valid_area h2,
.valid_area h3 { color:#93cb43 }

.error_output { 
	padding: 20px;
	border-radius:10px;
	background: #e2001a 8px 5px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.095 19.886 9.248-16.5c.133-.237.384-.384.657-.384.272 0 .524.147.656.384l9.248 16.5c.064.115.096.241.096.367 0 .385-.309.749-.752.749h-18.496c-.44 0-.752-.36-.752-.749 0-.126.031-.252.095-.367zm9.907-6.881c-.414 0-.75.336-.75.75v3.5c0 .414.336.75.75.75s.75-.336.75-.75v-3.5c0-.414-.336-.75-.75-.75zm-.002-3c-.552 0-1 .448-1 1s.448 1 1 1 1-.448 1-1-.448-1-1-1z' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-size: 24px 24px;
}
.valid_output {
	padding:20px;
	background:#93cb43;
    border-radius: 10px;
}
.valid_output p,
.error_output p {
	font-weight:700; 
	text-align:center;
	margin:0; color:#fff
}
.valid_output p em,
.error_output p em { display:none }

/* ----- validation ----- */
.success_output { padding:10%; }
.success_output p { margin:0 }
.form-contact-succes { border:#fff 1px solid; }
.form-contact-succes p { font-size:18px; color:#fff; }
.form-team-succes p { font-size:20px; font-weight:700; color:#1ba3d6 }
.form-contact-succes.fc-gris { border-color:#d7d7d7 }
.form-contact-succes.fc-gris p { color:#5a5e6b }

/* ---- errorfield ---- */
form input[type="text"].errorfield,
form input[type="email"].errorfield,
form input[type="password"].errorfield,
form input[type="tel"].errorfield,
form textarea.errorfield,
form select.errorfield {
	border-color:#eb2629;
	color:#eb2629
}
form input[type="text"].errorfield:focus,
form input[type="email"].errorfield:focus,
form input[type="password"].errorfield:focus,
form input[type="tel"].errorfield:focus,
form textarea.errorfield:focus,
form select.errorfield:focus {
	-webkit-box-shadow:#eb2629 0 0 10px;
	-moz-box-shadow:#eb2629 0 0 10px;
	-ms-box-shadow:#eb2629 0 0 10px;
	-o-box-shadow:#eb2629 0 0 10px;
	box-shadow:#eb2629 0 0 10px;
}

/*************** THEMES 1 *******************/
.form_1 fieldset > legend { padding:20px 10px 0; }

.form_1 input[type="text"],
.form_1 input[type="email"],
.form_1 input[type="password"],
.form_1 input[type="tel"],
.form_1 textarea,
.form_1 select {
	border:#fff 1px solid;
	border-radius:5px;
}
.form_1 input[type="text"]:hover,
.form_1 input[type="email"]:hover,
.form_1 input[type="password"]:hover,
.form_1 input[type="tel"]:hover, 
.form_1 textarea:hover,
.form_1 select:hover { border-color:#1ba3d6; }
.form_1 input[type="text"]:focus,
.form_1 input[type="email"]:focus,
.form_1 input[type="password"]:focus,
.form_1 input[type="tel"]:focus, 
.form_1 textarea:focus,
.form_1 select:focus {
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px;
}
.form_1 select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding-right:30px;
	background:#fff url(images/select_arow_1.png) right 0 no-repeat;
}
.form_1 select::-ms-expand { display:none; }
.form_1 .ui-slider { background-color:#41649a; }
.form_1 .ui-slider-horizontal .ui-slider-handle {
	border-radius:50%;
	background-color:#fff;
}
.form_1 input[type="checkbox"] {
	background-color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:14px;
	height:14px;
}
.form_1 input[type="checkbox"]::-ms-expand { display:none; }
.form_1 input[type="checkbox"]:hover { 
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px; 
}
.form_1 input[type="checkbox"]:checked { background-image:url(images/checked_box_1.png); }

/*************** THEMES 2 *******************/
.form_2 input[type="text"],
.form_2 input[type="email"],
.form_2 input[type="password"],
.form_2 input[type="tel"],
.form_2 textarea,
.form_2 select {
    background-color: #fff;
	border:#c1cee1 1px solid;
	padding:5px 10px;
	border-radius:5px;
}

.form_2 input[type="text"]:hover,
.form_2 input[type="email"]:hover,
.form_2 input[type="password"]:hover,
.form_2 input[type="tel"]:hover, 
.form_2 textarea:hover,
.form_2 select:hover { border-color:#1ba3d6; }
.form_2 input[type="text"]:focus,
.form_2 input[type="email"]:focus,
.form_2 input[type="password"]:focus,
.form_2 input[type="tel"]:focus, 
.form_2 textarea:focus,
.form_2 select:focus {
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px;
}
.form_2 select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding-right:30px;
	background:#fff url(images/select_arow_2.png) right center no-repeat;
}
.form_2 select::-ms-expand { display:none; }
.form_2 .ui-slider { background-color:#c1cee1; }
.form_2 .ui-slider-horizontal .ui-slider-handle {
	border-radius:50%;
	background-color:#c1cee1;
}
.form_2 input[type="checkbox"] {
	background-color:#fff;
    border:#c1cee1 1px solid;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:16px;
	height:16px;
}
.form_2 input[type="checkbox"]::-ms-expand { display:none; }
.form_2 input[type="checkbox"]:hover { 
	border-color:#1ba3d6;
	-webkit-box-shadow:#1ba3d6 0 0 5px;
	   -moz-box-shadow:#1ba3d6 0 0 5px;
	     -o-box-shadow:#1ba3d6 0 0 5px;
			box-shadow:#1ba3d6 0 0 5px; 
}
.form_2 input[type="checkbox"]:checked { background-image:url(images/checked_box_1.png); }

/* smartphone horiz BIG */
@media screen and (max-width: 540px) {
	label.floated-label input[type="text"], 
	label.floated-label input[type="email"], 
	label.floated-label input[type="password"], 
	label.floated-label input[type="tel"], 
	label.floated-label textarea, 
	label.floated-label select { width:100%; float:none }
}