/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: white;
	color: #666666;
	font: 14px 'Adamina', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

::-moz-selection { background: #bc9b6a; color: #fff; text-shadow: none; }
::selection { background: #bc9b6a; color: #fff; text-shadow: none; }

/* Firefox - value portion of progress bar */
progress#progressBar::-moz-progress-bar {
    background:#BA9E61;
    border-radius: 3px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

}

/* Chrome, Safari - value portion of progress bar */
progress#progressBar::-webkit-progress-value {
    background:#BA9E61;
    border-radius: 3px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

}

/* All other attributes */
progress#progressBar {
    border:none;
    background:#E5E5E5;
    height:6px;
    width:100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}​

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-family: 'Adamina', sans-serif;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 7px;
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover { color: #bc9b6a; }

a.grey {
	color: #666666;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a.grey:hover { color: #bc9b6a; }

hr {
	border: none;
}

.hr-arrow {
	background: white url(/img/hr-arrow.png) no-repeat;
	height: 9px;
}

.hr-arrow-no-arrow {
	background: white url(/img/hr-arrow.png) no-repeat right top;
	height: 9px;
}

.hr {
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #F5F5F5;
	margin-top: 5px;
}

.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
}

	.prehome {
		height: 100px;
		padding-top: 80px;
	}

	.prehome #logo {
		margin: 0 auto;
		height: 62px;
		width: 312px;
		display: block;
	}

	.home {
		height: 190px;
		padding-top: 40px;
	}

	.home #logo {
		height: 43px;
		width: 218px;
		display: block;
		margin-top: 10px;
	}

	.home .login {
		position: absolute;
		right: 0;
		top: 40px;
	}

	.home .logged {
		color: #999999;
		position: absolute;
		right: 0;
		top: 55px;
		text-align: right;
	}

	/* -------------------------------------------------- */
	/*	Navigation
	/* -------------------------------------------------- */

	#nav {
		background: #E5E5E5;
		position: absolute;
		top: 140px;
		left: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 100%;
	}

		#nav > ul {
			margin: 0;
			padding-left: 13px;
		}

			#nav li {
				list-style: none;
				float: left;
				margin: 0;
			}

			#nav li.current {
				background:url(/img/arrow-white.png) no-repeat center top;
			}

				#nav li a.nav {
					font-family: 'Proxima Nova', sans-serif;
					font-size: 13px;
					display: block;
					padding: 9px 18px;
					text-transform: uppercase;
				}

		/* Responsive Nav */

		#nav .responsive-nav {
			background-image: url(/img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}

	#header .xlang {
		background:#F3F3F3;
		border:1px solid #CCC;
		display: none;
		position:absolute;
	}
	#header .xlang.xlangarrow {
		width:23px;
		height:27px;
		top:5px;
		right:5px;
		z-index:20;
		border-bottom:none;
	}
	#header .xlang.xlangflag {
		width:100px;
		padding:5px 14px;
		top:32px;
		right:5px;
		z-index:19;
	}
		#header .xlang.xlangflag a {
			font-family: 'Proxima Nova', sans-serif;
			font-size: 13px;
			display: block;
			color: #999;
			text-transform: uppercase;
		}

	#header .xlang a:hover { color: black; }

	#header .lang {
		position: absolute;
		right: 9px;
		top: 6px;
	}
	#header .flag-arrow {
		float: left;
		background: url(/img/flag-arrow.png) no-repeat center top;
		cursor: pointer;
		height: 26px;
		margin-left:5px;
		width: 20px;
	}
	#header .flag-fr {
		float: left;
		background: url(/img/flag-fr.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}
	#header .flag-en {
		float: left;
		background: url(/img/flag-en.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

.content {
	width: 990px;
	margin: auto;
}

.contentjob {
	width: 890px;
	margin: auto;
}

	.img-unik {
		position: absolute;
		top: 48px;
		right: 28px;
	}

/* -------------------------------------------------- */
/*	Back to Top
/* -------------------------------------------------- */

#back-to-top, .touch-device #back-to-top:hover {
	background: url(/img/arrow-up-large.png) no-repeat center center;
	background-color: rgb(221, 221, 221);
	background-color: rgba(221, 221, 221, .7);
	bottom: 20px;
	color: transparent;
	display: none;
	font: 0/0 a;
	height: 46px;
	position: fixed;
	right: 20px;
	text-shadow: none;
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
			transition: all .2s ease;
	width: 45px;
	z-index: 100;
}

	#back-to-top:hover, .touch-device #back-to-top:active { background-color: #f15a23; }
			
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
#xhome {
	position:absolute;
	width:464px;
	background:white;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	z-index:200;
	top:0;
	left:0;
}
	#xhomelogo {
		padding-top:30px;
		margin: auto;
		width:218px;
		display: block;
	}
	#xhomesubtitle {
		padding-top:10px;
		text-align: center;
		font-size: 14px;
		color: #666;
	}
	#xhomemore {
		padding-top:40px;
		text-align: center;
	}
	#xhomeinform {
		padding-top:10px;
		text-align: center;
		font-size: 14px;
		color: #666;
	}
	#xhomesocial {
		padding-top:20px;
	}
	#xhomejoin {
		padding-top:20px;
		text-align: center;
		font-size: 14px;
		color: #666;
	}
	#xhomefooter {
		padding-top:30px;
		padding-bottom:10px;
		font-size: 11px;
		color: #999;
	}

#xstores {
	position:absolute;
	width:500px;
	background:rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	z-index:199;
	top:0;
	left:-130px;
}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	border-top: 2px solid #E4E4E4;
	color: #999999;
	font-size: 13px;
	margin-top: 70px;
	padding: 25px 0 50px;
}

	.img-footer {
		display: block;
		margin: 15px auto 0;
		width: 98px;
	}

	#footer a {
		color: #999;
		text-decoration: none;
		-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	}
	
	#footer a:hover { color: #bc9b6a; }
	
	#footer .xlang {
		background:#F3F3F3;
		border:1px solid #CCC;
		display: none;
		position:absolute;
	}
	#footer .xlang.xlangarrow {
		width:23px;
		height:27px;
		top:17px;
		right:3px;
		z-index:20;
		border-bottom:none;
	}
	#footer .xlang.xlangflag {
		width:100px;
		padding:5px 14px;
		top:44px;
		right:3px;
		z-index:19;
	}

	#footer .xlang a:hover { color: black; }

	#footer .lang {
		position: absolute;
		right: 6px;
		top: 18px;
	}
	#footer .flag-arrow {
		float: left;
		background: url(/img/flag-arrow.png) no-repeat center top;
		cursor: pointer;
		height: 26px;
		margin-left:5px;
		width: 20px;
	}
	#footer .flag-fr {
		float: left;
		background: url(/img/flag-fr.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}
	#footer .flag-en {
		float: left;
		background: url(/img/flag-en.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}



/* ---------------------------------------------------------------------- */
/*	Home Footer
/* ---------------------------------------------------------------------- */


	#xhomefooter .xlang {
		background:#F3F3F3;
		border:1px solid #CCC;
		display: none;
		position:absolute;
	}
	#xhomefooter .xlang.xlangarrow {
		width:23px;
		height:27px;
		top:24px;
		right:2px;
		z-index:20;
		border-top:0;
	}
	#xhomefooter .xlang.xlangflag {
		width:100px;
		padding:5px 14px;
		bottom:28px;
		right:2px;
		z-index:19;
	}

	#xhomefooter .xlang a { color: #999; }

	#xhomefooter .xlang a:hover { color: black !important; }

	#xhomefooter .lang {
		position: absolute;
		right: 6px;
		top: 24px;
	}
	#xhomefooter .flag-arrow {
		float: left;
		background: url(/img/flag-arrow.png) no-repeat center top;
		cursor: pointer;
		height: 26px;
		margin-left:5px;
		width: 20px;
	}
	#xhomefooter .flag-fr {
		float: left;
		background: url(/img/flag-fr.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}
	#xhomefooter .flag-en {
		float: left;
		background: url(/img/flag-en.png) no-repeat center top;
		height: 26px;
		width: 21px;
	}


/* ---------------------------------------------------------------------- */
/*	CART - BOUTON PROCESS COMMANDE
/* ---------------------------------------------------------------------- */
	
input.button-big-cart, a.button-big-cart, 
input.button-medium-cart, a.button-medium-cart,
input.button-small-cart, a.button-small-cart {
	border: none;
	height: auto;
	overflow: visible;
	padding: 15px;
	text-align:center;
	width: auto;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.5);
	cursor:pointer;	
}

input.button-medium-cart, a.button-medium-cart {
	padding: 8px 0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;

}

input.button-small-cart, a.button-small-cart {
	padding: 4px 0;

}


input.bbc-black, a.bbc-black {
	color:white;
	/* Anciens navigateurs */
	background: #4b4b4b url("/img/site/btn-social-gradient.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(linear,left top, left bottom,from(#4b4b4b),to(#110f0f));
	background: -webkit-linear-gradient(top,#4b4b4b,#110f0f);
	background: -moz-linear-gradient(top,#4b4b4b,#110f0f);
	background: -o-linear-gradient(top,#4b4b4b,#110f0f);
	background: linear-gradient(top,#4b4b4b,#110f0f);	
}
input.bbc-black:hover, a.bbc-black:hover {
	color:#ba9a6d;
	background: #303030 url("/img/site/btn-social-gradient-h.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(linear,left top, left bottom,from(#303030),to(#0b0a0a));
	background: -webkit-linear-gradient(top,#303030,#0b0a0a);
	background: -moz-linear-gradient(top,#303030,#0b0a0a);
	background: -o-linear-gradient(top,#303030,#0b0a0a);
	background: linear-gradient(top,#303030,#0b0a0a);	

}
input.bbc-grey, a.bbc-grey {
	color:black;
	text-shadow: 0 1px 0 white;
	/* Anciens navigateurs */
	background: #e3e1e1 url("/img/site/btn-social-gradient.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(linear,left top, left bottom,from(#efeeee),to(#e3e1e1));
	background: -webkit-linear-gradient(top,#efeeee,#e3e1e1);
	background: -moz-linear-gradient(top,#efeeee,#e3e1e1);
	background: -o-linear-gradient(top,#efeeee,#e3e1e1);
	background: linear-gradient(top,#efeeee,#e3e1e1);	
	cursor:pointer;
}
input.bbc-grey:hover, a.bbc-grey:hover {
	/* Anciens navigateurs */
	background: #f8f8f8 url("/img/site/btn-social-gradient-h.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(linear,left top, left bottom,from(#ededed),to(#f8f8f8));
	background: -webkit-linear-gradient(top,#ededed,#f8f8f8);
	background: -moz-linear-gradient(top,#ededed,#f8f8f8);
	background: -o-linear-gradient(top,#ededed,#f8f8f8);
	background: linear-gradient(top,#ededed,#f8f8f8);	
	cursor:pointer;	
}




/* ---------------------------------------------------------------------- */
/*	Web Fonts
/* ---------------------------------------------------------------------- */

@font-face {
	font-family: "Proxima Nova";
	src: url("type/proximanova-regular-webfont.eot");
	src: url('type/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url("type/proximanova-regular-webfont.woff") format("woff"),
		 url("type/proximanova-regular-webfont.ttf") format("truetype"),
		 url("type/proximanova-regular-webfont.svg#proximanova-regular-webfont") format("svg");
}

@font-face {
	font-family: "Proxima Nova Light";
	src: url("type/proximanova-light-webfont.eot");
	src: url('type/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url("type/proximanova-light-webfont.woff") format("woff"),
		 url("type/proximanova-light-webfont.ttf") format("truetype"),
		 url("type/proximanova-light-webfont.svg#proximanova-light-webfont") format("svg");
}

@font-face {
	font-family: "Proxima Nova Semi Bold";
	src: url("type/proximanova-semibold-webfont.eot");
	src: url('type/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url("type/proximanova-semibold-webfont.woff") format("woff"),
		 url("type/proximanova-semibold-webfont.ttf") format("truetype"),
		 url("type/proximanova-semibold-webfont.svg#proximanova-semibold-webfont") format("svg");
}

@font-face {
	font-family: "Proxima Nova Bold";
	src: url("type/proximanova-bold-webfont.eot");
	src: url('type/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url("type/proximanova-bold-webfont.woff") format("woff"),
		 url("type/proximanova-bold-webfont.ttf") format("truetype"),
		 url("type/proximanova-bold-webfont.svg#proximanova-bold-webfont") format("svg");
}

/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.right { text-align: right; }
.left { text-align: left; }
.relative { position: relative; }
.absolute { position: absolute; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.bold { font-weight: bold;}
.normal { font-weight: normal; }
.italic { font-style: italic; }
.justify { text-align: justify; }
.pointer { cursor:pointer; }
.move { cursor:move; }
.hidden { overflow: hidden; }
.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.hide { visibility: hidden; }
.show { visibility: visible; }
.underline { text-decoration: underline !important; }
.uppercase { text-transform: uppercase; }
.ucfirst:first-letter, .ucfirst::first-letter { text-transform: uppercase; }
.fright { float: right; }
.fleft { float: left; }
.adamina { font-family: 'Adamina', sans-serif; }
.proxima { font-family: 'Proxima Nova', sans-serif; }
.proxima-light { font-family: 'Proxima Nova Light', sans-serif; }
.proxima-semibold { font-family: 'Proxima Nova Semi Bold', sans-serif; }
.proxima-bold { font-family: 'Proxima Nova Bold', sans-serif; }
.absolute-bottom { position: absolute; bottom: 0; width: 260px; }

/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

ul.none {
	list-style: none;
	margin: 0;
}

ul.dotted + ul.dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
}

	.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

div.error-big {
	background: #F1D3D0;
	border: 3px solid white;
	color: #ff1800;
	font-family: 'Proxima Nova Light', sans-serif;
	font-size:15px;
	opacity: 0.9;
	padding:20px 30px;
	text-transform: uppercase;
	text-align: center;
	width:600px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

div.error {
	display: none;
	background: #F1D3D0;
	color: #ff1800;
	padding:10px 15px;
	font-size:13px;
	width:283px;
	border:1px solid #ff1800;
	margin:10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

div.success {
	display: none;
	background:#E7F4E6;
	color:#379A08;
	padding:10px 15px;
	font-size:13px;
	width:283px;
	border: 1px solid #379A08;
	margin:10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	outline: 0;
	color: #666;
	font-family: 'Proxima Nova', sans-serif;
	padding: 8px 6px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="checkbox"] {
	margin-top: -4px;
	margin-right: 2px;
	border: none;
	padding: 0;
}

textarea {
	padding: 10px;
	resize: both;
}

select, option {
	cursor: pointer;
}

.button, input[type="submit"], input[type="reset"], button {
	background: #000;
	border: none;
	color: #fff;
	cursor: pointer;	
	font-family: 'Proxima Nova', sans-serif;
	font-size: 13px;
	height: auto;
	overflow: visible;
	padding: 8px 6px;
	text-align: center;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
	text-transform: uppercase;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}

	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #666;
		color: #fff;
	}

	input.disabled {
		cursor:default;
		opacity: 0.6;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}
	input.disabled:hover {
		background: #000;
		color: #fff;
	}

a.button {
	display: block;
	padding: 9px;
	font-weight: 600;
}
	@-moz-document url-prefix() {
		a.button {
			font-weight: normal;
		}
	}

	a.button.button-edit {
		display: inline-block;
		padding: 9px 30px;
	}

	a.button.button-center {
		margin: auto;
		padding: 9px 30px;
		text-align: center;
	}

	.button.button-bronze {
		background: #bc9b6a;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
	}
	.button.button-bronze:hover {
		background: #d5ba92;
		color: #fff;
	}
	
	.button.button-red {
		background: red;
		-webkit-transition: background-color .2s ease;
		   -moz-transition: background-color .2s ease;
			-ms-transition: background-color .2s ease;
			 -o-transition: background-color .2s ease;
				transition: background-color .2s ease;
	}
	.button.button-bronze:hover {
		background: #d5ba92;
		color: #fff;
	}

	.button.medium { font-size: 13px; }

	.button.large { font-size: 15px; }

	.button.vlarge { font-size: 17px; padding: 10px 35px; }

	.button.xlarge { font-size: 23px; padding: 24px 60px; }

.form-center fieldset {
	margin: 40px auto;
	width: 560px;
}

	.form-center fieldset div {
		position: relative;
	}

	.form-center label {
		color: black;
		float: left;
		font-size: 13px;
		font-family: 'Proxima Nova', sans-serif;
		padding-top: 8px;
		text-transform: uppercase;
		width: 155px;
	}

	.form-center input[type="text"], .form-center input[type="password"] {
		background: #EDEDED;
		border: none;
		float: left;
		width: 317px;
	}

	.form-center select {
		background: #EDEDED;
		border: none;
		float: left;
		width: 329px;
	}

	.form-center textarea {
		background: #EDEDED;
		border: none;
		float: left;
		height: 111px;
		padding: 7px 8px;
		resize: vertical;
		width: 313px;
	}

	.form-center .title {
		color: black;
		font-size: 22px;
		font-family: 'Proxima Nova', sans-serif;
		text-transform: uppercase;
	}

	.form-center .icon-infobox {
		margin-top: 4px;
	}

	.form-center input.error {
		-webkit-box-shadow: 0 0 3px red;
		-moz-box-shadow: 0 0 3px red;
		box-shadow: 0 0 3px red;
	}

	.form-center textarea.error {
		-webkit-box-shadow: 0 0 3px red;
		-moz-box-shadow: 0 0 3px red;
		box-shadow: 0 0 3px red;
	}

	.form-center label.error {
		background: white;
		color: #DB505C;
		position: absolute;
		left: 490px;
		width: 275px;
		padding: 9px 10px 10px 20px;
	}

	.form-center .fields-block label.error {
		top: 27px;
	}

	.form-center .bg-grey label.error {
		left: 0;
		top: 10px;
		background:transparent;
	}

.form-center .fields-block {
	margin: 20px auto 0;
	width: 560px;
}

	.fields-block label {
		float: none;
		display: block;
		padding-bottom: 5px;
		width: 100%;
	}

	.fields-block input[type="text"], .fields-block input[type="password"] {
		float: none;
		width: 475px;
	}

	.fields-block textarea {
		float: none;
		width: 475px;
	}

	.fields-block .icon-infobox {
		margin-top: 4px;
	}

form .icon-infobox {
	margin-left: 20px;
}

.input-label {
	color: black;
	font-family: 'Proxima Nova', sans-serif;
	font-size: 13px;
	height: 18px;
	text-transform: uppercase;
}
.login .button {
	margin-top: 18px;
	padding: 9px 10px;
}

.bg-grey input[type="text"], .bg-grey input[type="password"] {
	border: none;
	width: 165px;
}

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #b0b0b0; }

/* -------------------------------------------------- */
/*	Columns
/* -------------------------------------------------- */

.one-third {
	float: left;
	margin-right: 40px;
	width: 300px;
}

	.one-third.last {
		margin-right: 0;
	}

.two-third {
	float: left;
	width: 565px;
}

	.two-third .bg-arrow-grey {
		background: url('/img/arrow-grey-medium.png') no-repeat;
	}

.two-third-right {
	float: right;
	width: 394px;
}

	.two-third-right .bg-arrow-grey {
		background: url('/img/arrow-grey-mini.png') no-repeat;
	}

/* -------------------------------------------------- */
/*	Cadre
/* -------------------------------------------------- */

#cadre {
	position:relative;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:auto;
}

#cadreBig {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	height:300px;
	cursor:pointer;
	margin-left:90px;
}

/* -------------------------------------------------- */
/*	Thumbs
/* -------------------------------------------------- */

.box {
	display: block;
	height: 320px;
	cursor:pointer;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
	box-shadow: 0 0 7px #ccc;
	border: 3px solid transparent;
	margin:3px;
	padding:0;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
	.box:hover, .box.hover {
		border: 3px solid #bc9b6a;
		-moz-box-shadow: 0 0 4px #bc9b6a;
		-webkit-box-shadow: 0 0 4px #bc9b6a;
		box-shadow: 0 0 4px #bc9b6a;
		padding:3px;
		margin:0;
	}

	.box span {
		display: block;
		color:black;
		position:absolute;
		bottom: 15px;
		text-align: center;
		text-transform: uppercase;
		font-size:20px;
		width: 290px;
	}
	.box:hover span {
		bottom: 18px;
	}

	.box.iphone {
		background:url(/img/app-iphone.png) no-repeat center top;
	}
		.box.iphone:hover {
			background:url(/img/app-iphone.png) no-repeat center bottom;
		}
	.box.ipad {
		background:url(/img/app-ipad.png) no-repeat center top;
	}
		.box.ipad:hover {
			background:url(/img/app-ipad.png) no-repeat center bottom;
		}

.iphone-mini {
	background:url(/img/app-iphone-mini.png) no-repeat left top;
	display: block;
    height: 90px;
}
	.iphone-mini:hover {
		background:url(/img/app-iphone-mini.png) no-repeat left bottom;
	}
	.iphone-mini-hover {
		background:url(/img/app-iphone-mini.png) no-repeat left bottom;
	}
.ipad-mini {
	background:url(/img/app-ipad-mini.png) no-repeat left top;
	display: block;
    height: 90px;
}
	.ipad-mini:hover {
		background:url(/img/app-ipad-mini.png) no-repeat left bottom;
	}
	.ipad-mini-hover {
		background:url(/img/app-ipad-mini.png) no-repeat left bottom;
	}

.radio {
	background:url(/img/radio.png) no-repeat left top;
	display: block;
    height: 42px;
    width: 42px;
}
	.radio-hover {
		background:url(/img/radio.png) no-repeat left bottom;
	}

.box-large {
	border:3px solid #E8E8E8;
	float: left;
	padding:20px;
	margin-right:40px;
	margin-top:30px;
	width: 429px;
}

	.box-large:nth-child(2n+1) { margin-right: 0; }

.crea-mini {
	background:white;
	display: block;
	float: left;
	margin: 5px;
	width:110px;
	position: relative;
}

	.crea-mini div.detail {
		background: rgba(217,217,217,0.8) url(/img/detail.png) no-repeat center center;
		color:black;
		display: block;
		height: 110px;
		opacity:0;
		position: absolute;
		top:0;
		text-align: center;
		width: 110px;
		-webkit-transition: all .3s ease;
		   -moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			 -o-transition: all .3s ease;
				transition: all .3s ease;
	}
	.crea-mini:hover div.detail {
		opacity:1;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}

/* -------------------------------------------------- */
/*	Lightbox
/* -------------------------------------------------- */

#xoverlay {
	background:black;
	display:none;
	left:0;
	opacity:0.7;
	position:absolute;
	top:0;
	width: 100%;
	z-index:2999;
}

#xbox {
	display:none;
	position:fixed;
	background:white;
	top:50px;
	width:400px;
	z-index:3000;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#xboxcontent {
	padding:55px 65px;
}

a.xclose {
	background:url(/img/lightbox-close.png) no-repeat top center;
	cursor: pointer;
	display:block;
	height:38px;
	position:absolute;
	right:20px;
	top:20px;
	width:38px;
}
a.xclose:hover {
	background:url(/img/lightbox-close.png) no-repeat bottom center;
}

/* -------------------------------------------------- */
/*	Icons
/* -------------------------------------------------- */

.bullet {
	background: url(/img/bullet.png) no-repeat 0 4px;
	padding-left: 15px;
}
.icon-plus {
	background: url(/img/icon-plus.png) no-repeat 15px 7px;
	padding-left: 40px !important;
}
.icon-close {
	background: url(/img/home/close.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
}
.icon-info {
	background: url(/img/icon-info.png);
	display: inline-block;
	height: 24px;
	vertical-align: top;
	margin-left: 10px;
	width: 24px;
}
.icon-infobox {
	background: url(/img/icon-infobox.png);
	display: inline-block;
	height: 24px;
	vertical-align: top;
	margin-left: 10px;
	width: 24px;
}
.icon-i {
	background: url(/img/icon-i.png);
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	margin: 0 10px;
	width: 32px;
}
.icon-sablier {
	background: url(/img/icon-sablier.png);
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	margin: 0 10px;
	width: 11px;
}
.icon-check {
	background: url(/img/icon-check.png) no-repeat scroll 0px 4px transparent;
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	margin: 0 10px;
	width: 11px;
}
.icon-delay {
	background: url(/img/icon-delay.png) no-repeat scroll 0 3px transparent;
	display: inline-block;
	height: 17px;
	vertical-align: bottom;
	margin: 0 10px;
	width: 18px;
}
.icon-trans {
	background: url(/img/icon-trans.png) no-repeat scroll 0 3px transparent;
	display: inline-block;
	height: 31px;
	vertical-align: middle;
	margin: 0 0 0 3px;
	width: 24px;
}

/* -------------------------------------------------- */
/*	Arrows
/* -------------------------------------------------- */

.close {
	cursor:pointer;
	display: block;
	background:url(/img/close.png);
	width: 23px;
	height: 23px;
}
	.close:hover {
		background-position: left bottom;
	}

.closemini {
	cursor:pointer;
	display: block;
	background:url(/img/closemini.png);
	width: 12px;
	height: 12px;
	margin-top:-5px;
	margin-right:-5px;
}
	.closemini:hover {
		background-position: left bottom;
	}

ul .editetagere {
	cursor:pointer;
	display: block;
	background:url(/img/store/edit.png);
	width: 10px;
	height: 10px;
	position:absolute;
	top:1px;
	right:11px;
	opacity: 0;
}
	ul .editetagere:hover {
		background-position: left bottom;
	}
	ul:hover .editetagere {
		opacity: 1 !important;
	}

ul .editetagerewhite {
	cursor:pointer;
	display: block;
	background:url(/img/store/edit-white.png);
	width: 10px;
	height: 10px;
	position:absolute;
	top:1px;
	right:1px;
	opacity: 0;
}
	ul .editetagerewhite:hover {
		background-position: left bottom;
	}
	ul:hover .editetagerewhite {
		opacity: 1 !important;
	}

ul .deleteetagere {
	cursor:pointer;
	display: block;
	background:url(/img/store/delete.png);
	width: 10px;
	height: 10px;
	position:absolute;
	top:1px;
	right:1px;
	opacity: 0;
}
	ul .deleteetagere:hover {
		background-position: left bottom;
	}
	ul:hover .deleteetagere {
		opacity: 1 !important;
	}

.previous {
	cursor:pointer;
	display: block;
	background:url(/img/previous-grey.png);
	width: 48px;
	height: 99px;
}
	.previous:hover {
		background:url(/img/previous.png);
	}

.next {
	cursor:pointer;
	display: block;
	background:url(/img/next-grey.png);
	width: 48px;
	height: 99px;
}
	.next:hover {
		background:url(/img/next.png);
	}

/* -------------------------------------------------- */
/*	Borders
/* -------------------------------------------------- */

.borderleft-maroon-big {
	border-left: 5px solid #bc9b6a;
	padding-left: 8px;
}

.borderleft-maroon-extra {
	border-left: 7px solid #bc9b6a;
	padding-left: 12px;
	padding-top: 10px;
}

.borderbottom {
	border-bottom: 1px solid #adadad;
}

.noborder {
	border: none !important;
}

/* -------------------------------------------------- */
/*	Background Colors
/* -------------------------------------------------- */

.bg-white {
	background:#FFFFFF;
}

.bg-light {
	background:#F3F3F3;
}

.bg-grey {
	background:#F2F2F2;
}

.bg-marilyn {
	background:#F2F2F2 url('/img/marilyn.png') no-repeat right bottom;
}

.bg-arrow-grey {
	background: url('/img/arrow-grey.png') no-repeat;
	height: 50px;
	padding: 10px 0 0 20px;
}

/* -------------------------------------------------- */
/*	Radius & Shadow
/* -------------------------------------------------- */

.radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.radius-big {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.shadow {
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.3);
}

.shadow-big {
	-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.5);
}

.xfocus {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
.xfocus:focus {
	outline: 0;
	border-color: #bc9b6a;
	-webkit-box-shadow: 0 0 2px #bc9b6a;
	-moz-box-shadow: 0 0 2px #bc9b6a;
	box-shadow: 0 0 2px #bc9b6a;
}

/* -------------------------------------------------- */
/*	Fonts
/* -------------------------------------------------- */

h1 {
	color: black;
	font-size: 23px;
	padding: 60px 0 15px;
}

h2 {
	color: black;
	font-size: 30px;
	line-height: 25px;
	letter-spacing: -1px;
}

h3 {
	color: black;
	font-size: 20px;
	letter-spacing: -1px;
}

.pixel10 { font-size:10px !important; }
.pixel11 { font-size:11px !important; }
.pixel12 { font-size:12px !important; }
.pixel13 { font-size:13px !important; }
.pixel14 { font-size:14px !important; }
.pixel15 { font-size:15px !important; }
.pixel16 { font-size:16px !important; }
.pixel17 { font-size:17px !important; }
.pixel18 { font-size:18px !important; }
.pixel19 { font-size:19px !important; }
.pixel20 { font-size:20px !important; }
.pixel21 { font-size:21px !important; }
.pixel22 { font-size:22px !important; }
.pixel23 { font-size:23px !important; }
.pixel24 { font-size:24px !important; }
.pixel25 { font-size:25px !important; }
.pixel27 { font-size:27px !important; }
.pixel30 { font-size:30px !important; }
.pixel32 { font-size:32px !important; }
.pixel37 { font-size:37px !important; }
.pixel40 { font-size:40px !important; }

.line20 { line-height:20px !important; }
.line30 { line-height:30px !important; }
.line40 { line-height:40px !important; }

.ls-minus { letter-spacing: -1px !important; }

.a { color: #bc9b6a !important; }
.red { color: #DB505C !important; }
.white { color: white !important; }
.grey { color: #666666 !important; }
.light { color: #999999 !important; }
.black { color: black !important; }
.dark { color: #050505 !important; }

/* -------------------------------------------------- */
/*	Width
/* -------------------------------------------------- */

.width30 { width: 30px !important; }
.width40 { width: 40px !important; }
.width50 { width: 50px !important; }
.width70 { width: 70px !important; }
.width95 { width: 95px !important; }
.width100 { width: 100px !important; }
.width110 { width: 110px !important; }
.width120 { width: 120px !important; }
.width130 { width: 130px !important; }
.width140 { width: 140px !important; }
.width150 { width: 150px !important; }
.width160 { width: 160px !important; }
.width165 { width: 165px !important; }
.width170 { width: 170px !important; }
.width180 { width: 180px !important; }
.width185 { width: 185px !important; }
.width195 { width: 195px !important; }
.width200 { width: 200px !important; }
.width230 { width: 230px !important; }
.width240 { width: 240px !important; }
.width250 { width: 250px !important; }
.width275 { width: 275px !important; }
.width285 { width: 285px !important; }
.width290 { width: 290px !important; }
.width300 { width: 300px !important; }
.width320 { width: 320px !important; }
.width330 { width: 330px !important; }
.width345 { width: 345px !important; }
.width360 { width: 360px !important; }
.width400 { width: 400px !important; }
.width430 { width: 430px !important; }
.width470 { width: 470px !important; }
.width480 { width: 480px !important; }
.width490 { width: 490px !important; }
.width500 { width: 500px !important; }
.width600 { width: 600px !important; }
.width700 { width: 700px !important; }
.width820 { width: 820px !important; }
.width850 { width: 850px !important; }

/* -------------------------------------------------- */
/*	Height
/* -------------------------------------------------- */

.height180 { height: 180px !important; }

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

.nopad { padding: 0px !important; }
.l1pad { padding: 1px !important; }
.l2pad { padding: 2px !important; }
.l3pad { padding: 3px !important; }
.l4pad { padding: 4px !important; }
.spad { padding: 5px !important; }
.mpad { padding: 10px !important; }
.gpad { padding: 15px !important; }
.bpad { padding: 20px !important; }
.cpad { padding: 30px !important; }
.vpad { padding: 40px !important; }
.xpad { padding: 100px !important; }
.l1padleft { padding-left: 1px !important; }
.l2padleft { padding-left: 2px !important; }
.l3padleft { padding-left: 3px !important; }
.l4padleft { padding-left: 4px !important; }
.spadleft { padding-left: 5px !important; }
.mpadleft { padding-left: 10px !important; }
.gpadleft { padding-left: 15px !important; }
.bpadleft { padding-left: 20px !important; }
.cpadleft { padding-left: 30px !important; }
.vpadleft { padding-left: 40px !important; }
.xpadleft { padding-left: 100px !important; }
.l1padtop { padding-top: 1px !important; }
.l2padtop { padding-top: 2px !important; }
.l3padtop { padding-top: 3px !important; }
.l4padtop { padding-top: 4px !important; }
.spadtop {	padding-top: 5px !important; }
.mpadtop {	padding-top: 10px !important; }
.gpadtop {	padding-top: 15px !important; }
.bpadtop {	padding-top: 20px !important; }
.cpadtop {	padding-top: 30px !important; }
.vpadtop {	padding-top: 40px !important; }
.xpadtop { padding-top: 100px !important; }
.l1padright { padding-right: 1px !important; }
.l2padright { padding-right: 2px !important; }
.l3padright { padding-right: 3px !important; }
.l4padright { padding-right: 4px !important; }
.spadright { padding-right: 5px !important; }
.mpadright { padding-right: 10px !important; }
.gpadright { padding-right: 15px !important; }
.bpadright { padding-right: 20px !important; }
.cpadright { padding-right: 30px !important; }
.vpadright { padding-right: 40px !important; }
.xpadright { padding-right: 100px !important; }
.l1padbottom {	padding-bottom: 1px !important; }
.l2padbottom {	padding-bottom: 2px !important; }
.l3padbottom { padding-bottom: 3px !important; }
.l4padbottom { padding-bottom: 4px !important; }
.spadbottom { padding-bottom: 5px !important; }
.mpadbottom { padding-bottom: 10px !important; }
.gpadbottom { padding-bottom: 15px !important; }
.bpadbottom { padding-bottom: 20px !important; }
.cpadbottom { padding-bottom: 30px !important; }
.vpadbottom { padding-bottom: 40px !important; }
.xpadbottom { padding-bottom: 100px !important; }

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

.nomarg { margin: 0px !important; }
.l1marg { margin: 1px !important; }
.l2marg { margin: 2px !important; }
.l3marg { margin: 3px !important; }
.l4marg { margin: 4px !important; }
.smarg { margin: 5px !important; }
.mmarg { margin: 10px !important; }
.gmarg { margin: 15px !important; }
.bmarg { margin: 20px !important; }
.cmarg { margin: 30px !important; }
.vmarg { margin: 40px !important; }
.xmarg { margin: 100px !important; }
.l1margleft { margin-left: 1px !important; }
.l2margleft { margin-left: 2px !important; }
.l3margleft { margin-left: 3px !important; }
.l4margleft { margin-left: 4px !important; }
.smargleft { margin-left: 5px !important; }
.mmargleft { margin-left: 10px !important; }
.gmargleft { margin-left: 15px !important; }
.bmargleft { margin-left: 20px !important; }
.cmargleft { margin-left: 30px !important; }
.vmargleft { margin-left: 40px !important; }
.xmargleft { margin-left: 100px !important; }
.l1margtop { margin-top: 1px !important; }
.l2margtop { margin-top: 2px !important; }
.l3margtop { margin-top: 3px !important; }
.l4margtop { margin-top: 4px !important; }
.smargtop {	margin-top: 5px !important; }
.mmargtop {	margin-top: 10px !important; }
.gmargtop {	margin-top: 15px !important; }
.bmargtop {	margin-top: 20px !important; }
.cmargtop {	margin-top: 30px !important; }
.vmargtop {	margin-top: 40px !important; }
.xmargtop { margin-top: 100px !important; }
.l1margright { margin-right: 1px !important; }
.l2margright { margin-right: 2px !important; }
.l3margright { margin-right: 3px !important; }
.l4margright { margin-right: 4px !important; }
.smargright { margin-right: 5px !important; }
.mmargright { margin-right: 10px !important; }
.gmargright { margin-right: 15px !important; }
.bmargright { margin-right: 20px !important; }
.cmargright { margin-right: 30px !important; }
.vmargright { margin-right: 40px !important; }
.xmargright { margin-right: 100px !important; }
.l1margbottom {	margin-bottom: 1px !important; }
.l2margbottom {	margin-bottom: 2px !important; }
.l3margbottom { margin-bottom: 3px !important; }
.l4margbottom { margin-bottom: 4px !important; }
.smargbottom { margin-bottom: 5px !important; }
.mmargbottom { margin-bottom: 10px !important; }
.gmargbottom { margin-bottom: 15px !important; }
.bmargbottom { margin-bottom: 20px !important; }
.cmargbottom { margin-bottom: 30px !important; }
.vmargbottom { margin-bottom: 40px !important; }
.xmargbottom { margin-bottom: 100px !important; }

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 620px) and (max-width: 959px) {

	.contentjob {
		width: 600px;
		margin: auto;
	}

	#header { height: 180px; }

	.prehome {
	    padding-top: 70px;
	}

	.content {
		width: 600px;
	}
	
	.one-third {
		float:none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	#nav { top: 130px; }

	.absolute-bottom { width: auto; }


	#res_homearticle_login .height180 {
		height: 75px !important;
	}
		#res_homearticle_login input[type='text'] {
			width: 180px !important;
		}
		#res_homearticle_login input[type='password'] {
			width: 180px !important;
		}
		#res_login_password {
			top: 20px;
			left: 222px;
			position:absolute;
		}
		#res_login_password .input-label{
			padding-top: 0 !important;
		}
		#res_login_loose {
			top: 70px;
			left: 224px;
			position:absolute;
		}
		#res_login_memorize {
			top: 35px;
			left: -415px;
			position:absolute;
		}
		#res_login_submit {
			top: 38px;
			left: 425px;
			position:absolute;
		}
	#res_homearticle_create .height180 {
		height: auto !important;
	}
		#res_homecreate_text {
			width:365px !important;
		}
		#res_homecreate_btn {
			width:auto !important;
			position: absolute;
			right: 30px;
			top: 30%;
			padding-bottom:0;
		}
	#res_homearticle_about .height180 {
		height: auto !important;
	}
		#res_homeabout_text {
			width: 430px !important;
		}
		#res_homeabout_img {
			top: 20px !important;
			height: 100px;
		}
		#res_homeabout_btn {
			position:relative;
			padding:20px 0 0 0 !important;
		}
	#res_homeh1 {
		padding-top:10px;
	}
	#res_footer_menu {
		width:460px;
		margin:auto;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 619px) {

	.contentjob {
		width: 400px;
		margin: auto;
	}

	.contentjob .inside {
		display: none !important;
	}

	.contentjob .button {
    	line-height: 22px !important;
	}

	#header { height: 210px; }

	.prehome {
	    padding-top: 70px;
	}

	.content {
		width: 440px;
	}
	
	.one-third {
		float:none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	#nav { top: 130px; }

	.absolute-bottom { width: auto; }


	#res_homearticle_login .height180 {
		height: 75px !important;
	}
		#res_homearticle_login input[type='text'] {
			width: 120px !important;
		}
		#res_homearticle_login input[type='password'] {
			width: 120px !important;
		}
		#res_login_password {
			top: 20px;
			left: 162px;
			position:absolute;
		}
		#res_login_password .input-label{
			padding-top: 0 !important;
		}
		#res_login_loose {
			top: 70px;
			left: 164px;
			position:absolute;
		}
		#res_login_memorize {
			top: 35px;
			left: -294px;
			position:absolute;
		}
		#res_login_submit {
			top: 38px;
			left: 303px;
			position:absolute;
		}
	#res_homearticle_create .height180 {
		height: auto !important;
	}
		#res_homecreate_text {
			float:left;
			width:240px !important;
		}
		#res_homecreate_btn {
			width:auto !important;
			position: absolute;
			right: 20px;
			top: 30%;
			padding-bottom:0;
		}
	#res_homearticle_about .height180 {
		height: auto !important;
	}
		#res_homeabout_text {
			width: 330px !important;
		}
		#res_homeabout_img {
			top: 20px !important;
			right: 20px;
			height: 100px;
		}
		#res_homeabout_btn {
			position:relative;
			padding:20px 0 0 0 !important;
		}
	#res_homeh1 {
		padding-top:10px;
	}
	#res_footer_menu {
		width:330px;
		margin:0;
		text-align: left;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.contentjob {
		width: 300px;
		margin: auto;
	}

	.contentjob .inside {
		display: none !important;
	}

	.contentjob .button {
    	line-height: 22px !important;
	}

	#header { height: 160px; }

	#logo img { width: 260px; margin-left:15px; }

	.prehome {
	    padding-top: 50px;
	}

	.content {
		width: 280px;
	}
	
	.one-third {
		float:none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	#nav { top: 130px; }

	.absolute-bottom { width: auto; }


	#res_login_memorize {
		width: 260px;
	}
	#res_homearticle_create .height180 {
		height: auto !important;
	}
		#res_homecreate_text {
			float:none;
			width:240px !important;
		}
		#res_homecreate_btn {
			width:auto !important;
			position: relative;
			padding-top:15px;
			padding-bottom:0 !important;
		}
	#res_homearticle_about .height180 {
		height: auto !important;
	}
		#res_homeabout_text {
			width: 200px !important;
		}
		#res_homeabout_img {
			top: 20px !important;
			right: 20px;
			height: 100px;
		}
		#res_homeabout_btn {
			position:relative;
			padding:20px 0 0 0 !important;
		}
	#res_homeh1 {
		padding-top:10px;
	}
	#res_footer_menu {
		width:230px;
		margin:0;
		text-align: left;
	}
}