/*

	Theme Name: Chance
	Theme URI: http://themeforest.net/user/themerain
	Description: <strong>Designed & Handcrafted by ThemeRain</strong> - Update notifications available on <a href='http://www.facebook.com/themerain'>Facebook</a>.
	Author: ThemeRain
	Author URI: http://themeforest.net/user/themerain
	Version: 1.1
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	Designed & Handcrafted by ThemeRain
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/

/*--------------------------------------------------------------------------------------*/
/*	1.	General
/*--------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'font1';
	src: url('includes/fonts/font1.eot');
	src: url('includes/fonts/font1.woff') format('woff'),
		 url('includes/fonts/font1.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font2';
	src: url('includes/fonts/font2.eot');
	src: url('includes/fonts/font2.woff') format('woff'),
		 url('includes/fonts/font2.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);

body {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: url(images/bg.png);
	color: #222;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

a {
	color: #222;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

a:hover {
	color: #999;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
}

a img {
	display: block;
	border: none;
}

p {
	margin: 0 0 20px 0;
}

p:last-child {
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 21px;
	line-height: 26px;
}

h3 {
	font-size: 18px;
	line-height: 24px;
}

h4 {
	font-size: 16px;
	line-height: 22px;
}

h5 {
	font-size: 14px;
	line-height: 20px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

hr {
	border:1px solid #BFA990;
}

blockquote {
	overflow: hidden;
	margin: 30px 0;
	padding: 30px 60px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-family: 'font2';
	letter-spacing: 1px;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	outline: none;
	margin: 0 0 10px 0;
	padding: 8px 0 8px 8px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

input[type="text"],
input[type="email"],
input[type="password"] {
	width: 300px;
}

textarea {
	width: 610px;
	font-family: 'Lato', sans-serif;
	font-size:12px;
}

input[type="submit"] {
	outline: none;
	cursor: pointer;
	margin: 0;
	padding: 8px;
	border: 1px solid #222;
	background: #FFF;
	color: #F90;
	text-transform:uppercase;
	letter-spacing: 1px;
	box-shadow: 2px 2px 0 #222;
	font-size: 12px;
}

input[type="submit"]:hover {
	color: #222;
	box-shadow: 1px 1px 0 #222;
}

::-webkit-input-placeholder {
	color: #222;
	letter-spacing: 1px;
}

:-moz-placeholder {
	color: #222;
	letter-spacing: 1px;
}

::-moz-placeholder {
	color: #222;
	letter-spacing: 1px;
}

:-ms-input-placeholder {
	color: #222;
	letter-spacing: 1px;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 13px;
}

li {
	list-style: circle;
}

*::selection {
	background: #ded;
}

*::-webkit-selection {
  background: #EEE;
}

*::-moz-selection {
	background: #EEE;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

.alignnone {
	margin: 0 30px 30px 0;
}

.alignright {
	float: right;
	margin: 0 0 30px 30px;
}

.alignleft {
	float: left;
	margin: 0 30px 30px 0;
}

.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}

.wp-caption {
	border: 1px solid #222;
	max-width: 96%;
	padding: 8px 3px 5px 3px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 30px 30px 0;
}

.wp-caption.alignleft {
	margin: 5px 30px 30px 0;
}

.wp-caption.alignright {
	margin: 5px 0 30px 30px;
}

.wp-caption img {
	margin: 0;
	max-width: 98.5%;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	font-family: 'font2';
	letter-spacing: 1px;
}

.sticky {  }

.gallery-caption {  }

.bypostauthor {  }

/*--------------------------------------------------------------------------------------*/
/*	2.	Header
/*--------------------------------------------------------------------------------------*/

#header {
	margin-bottom: 40px;
	letter-spacing: 1px;
}

#logo {
	float: left;
	width: 300px;
	margin: 40px 0 10px 0;
}

#logo img {
	display: inline-block;
}
.sous-titre{
	text-transform:uppercase;
	font-size: 11px;
	letter-spacing: 0.03em;
}

#header-menu {
	float: right;
	margin-top: 56px;
	font-size: 14px;
	text-transform: uppercase;
}

#header-menu a {
	display: inline-block;
	padding-bottom: 10px;
}

#header-menu .current-menu-item > a {
	color: #999;
}

#header-menu ul {
	margin: 0;
	padding: 0;
}

#header-menu ul li {
	position: relative;
	list-style: none;
	float: left;
	margin-left: 60px;
}

#header-menu ul li ul.sub-menu {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: -20px;
	float: left;
	width: 140px;
	background: #FFF;
	border: 1px solid #222;
	box-shadow: 2px 2px 0 #222;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

#header-menu ul li:hover ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

#header-menu ul li ul.sub-menu li {
	margin: 0;
	padding: 0;
}

#header-menu ul li ul.sub-menu li a {
	display: block;
	margin: 0 20px;
	padding: 8px 0 4px 0;
	border-bottom: 1px solid #EFEFEF;
}

#header-menu ul li ul.sub-menu li ul.sub-menu {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 140px;
	float: left;
	width: 140px;
	background: #FFF;
	border: 1px solid #222;
	box-shadow: 2px 2px 0 #222;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

#header-menu ul li ul.sub-menu li:hover ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

#responsive-menu {
	display: none;
	padding: 20px 0;
	background: #222;
	color: #FFF;
}

#responsive-menu a {
	display: block;
	padding: 5px 0;
	color: #FFF;
}

#responsive-menu ul {
	margin: 0;
	padding: 0;
}

#responsive-menu li {
	list-style: none;
}

#responsive-menu ul ul a {
	padding-left: 20px;
}

#responsive-menu ul ul ul a {
	padding-left: 40px;
}

#responsive-menu-button {
	display: none;
	float: right;
	margin-top: 41px;
}

/*--------------------------------------------------------------------------------------*/
/*	3.	Content
/*--------------------------------------------------------------------------------------*/

.inner {
	margin: 0 auto;
	width: 940px;
}

#title {
	margin: 0 0 10px 0px;
	width: 620px;
	color: #222;
	font-family: 'font2';
	font-size: 27px;
	line-height: 32px;
	letter-spacing: 1px;
}

#content {
	margin-top: 40px;
}

#primary {
	float: right;
	width: 620px;
}

.page-template-template-full-width-php #primary {
	width: 100%;
}

/*--------------------------------------------------------------------------------------*/
/*  4.  Blog
/*--------------------------------------------------------------------------------------*/

.post-wrapper {
	margin-bottom: 80px;
}

.post-thumb img {
	display: block;
	margin-bottom: 28px;
}

.post-title {
	margin-bottom: 0;
	font-family: 'font2';
	font-size: 22px;
	line-height: 27px;
	letter-spacing: 1px;
}

.post-meta-top {
	margin-bottom: 20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-meta-bottom {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 4px solid #222;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-more {
	margin-top: 20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-wrapper .slider-container {
	margin-bottom: 10px;
}

.post-wrapper .video-container {
	margin-bottom: 20px;
}

/* Pagination -----------------------------*/

.pagination {
	font-size: 11px;
}

.pagination i {
	font-size: 9px;
}

.pagination a {
	padding: 7px 7px 4px 7px;
	border: 1px solid #222;
	-webkit-transition: color 0.2s, border-color 0.2s;
	-moz-transition: color 0.2s, border-color 0.2s;
	-ms-transition: color 0.2s, border-color 0.2s;
	-o-transition: color 0.2s, border-color 0.2s;
	transition: color 0.2s, border-color 0.2s;
}

.pagination a:hover {
	border: 1px solid #999;
	color: #999;
}

.pagination .current {
	padding: 7px 7px 4px 7px;
	border: 1px solid #999;
	color: #999;
}

/*--------------------------------------------------------------------------------------*/
/*  5.  Page Templates
/*--------------------------------------------------------------------------------------*/

/* Portfolio ------------------------------*/

.portfolio-inner {
	width: 640px;
}

.full-width .portfolio-inner {
	width: 960px;
}

#portfolio-single {
	margin-bottom: 80px;
	border-bottom: 4px solid rgba(191, 169, 144, 1);
}

.portfolio-content {
	margin-bottom: 40px;
}

.portfolio-media {
	position: relative;
	margin-bottom: 40px;
	font-family: 'font2';
	letter-spacing: 1px;
	text-align: center;
}

.portfolio-media-caption {
	margin-top: 10px;
}

/* 3D Effect ------------------------------*/

.portfolio-thumb-3d {
	position: relative;
	float: left;
	width: 193px;
	height: 193px;
	margin: 0 20px 20px 0;
}

.full-width .portfolio-thumb-3d {
	width: 300px;
	height: 300px;
}

.portfolio-thumb-3d-inner {
	cursor: pointer;
	position: relative;
	/*display: inline-block;*/
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-backface-visibility: hidden;
}

.thumb-3d {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-align: center;
}

.thumb-3d a {
	color: #FFF;
}

.thumb-3d img {
	display: block;
}

.thumb-3d.back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;	
}

.thumb-3d-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.thumb-text {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 100%;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

.thumb-text .thumb-category {
	font-size: 11px;
	font-family: 'font2';
	text-transform: none;
}

.portfolio-thumb-3d-inner .back {
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
	-webkit-transform: rotateX(0deg) rotateY(180deg);
	-moz-transform: rotateX(0deg) rotateY(180deg);
	-ms-transform: perspective(1000px) rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-thumb-3d-inner .front {
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
	-webkit-transform: rotateX(0deg) rotateY(360deg);
	-moz-transform: rotateX(0deg) rotateY(360deg);
	-ms-transform: perspective(1000px) rotateY(360deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-thumb-3d-inner:hover .back {
	z-index: 2;
	-webkit-transform: rotateX(0deg) rotateY(0deg) !important;
	-moz-transform: rotateX(0deg) rotateY(0deg) !important;
	-ms-transform: perspective(1000px) rotateY(0deg) !important;
}

.portfolio-thumb-3d-inner:hover .front {
	-webkit-transform: rotateX(0deg) rotateY(180deg) !important;
	-moz-transform: rotateX(0deg) rotateY(180deg) !important;
	-ms-transform: perspective(1000px) rotateY(180deg) !important;
}

noindex:-o-prefocus, .thumb-3d.back {
	opacity: 0;
}

noindex:-o-prefocus, .portfolio-thumb-3d-inner:hover .back {
	opacity: 1;
}

/* Shake Effect ---------------------------*/

.portfolio-thumb-shake {
	position: relative;
	float: left;
	width: 193px;
	height: 193px;
	margin: 0 20px 20px 0;
}

.full-width .portfolio-thumb-shake {
	width: 300px;
	height: 300px;
}

.portfolio-thumb-shake img:hover {
	-webkit-animation: shake 0.2s ease-in-out infinite;
	-moz-animation: shake 0.2s ease-in-out infinite;
	-ms-animation: shake 0.2s ease-in-out infinite;
	-o-animation: shake 0.2s ease-in-out infinite;
	animation: shake 0.2s ease-in-out infinite;
}

@-webkit-keyframes shake {
	from { -webkit-transform: rotateZ(1deg) }
	38% { -webkit-transform: rotateZ(-1deg) }
	to { -webkit-transform: rotateZ(.5deg) }
}

@-moz-keyframes shake {
	from { -moz-transform: rotateZ(1deg) }
	38% { -moz-transform: rotateZ(-1deg) }
	to { -moz-transform: rotateZ(.5deg) }
}

@-ms-keyframes shake {
	from { -ms-transform: rotateZ(1deg) }
	38% { -ms-transform: rotateZ(-1deg) }
	to { -ms-transform: rotateZ(.5deg) }
}

@-o-keyframes shake {
	from { -o-transform: rotateZ(1deg) }
	38% { -o-transform: rotateZ(-1deg) }
	to { -o-transform: rotateZ(.5deg) }
}

@keyframes shake {
	from { transform: rotateZ(1deg) }
	38% { transform: rotateZ(-1deg) }
	to { transform: rotateZ(.5deg) }
}

/* Zoom Effect ----------------------------*/

.portfolio-thumb-zoom {
	position: relative;
	overflow: hidden;
	float: left;
	width: 193px;
	height: 193px;
	margin: 0 20px 20px 0;
}

.full-width .portfolio-thumb-zoom {
	width: 300px;
	height: 300px;
}

.portfolio-thumb-zoom img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-thumb-zoom:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio-thumb-zoom .overlay {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.portfolio-thumb-zoom:hover .overlay {
	opacity: 0.8;
}

.portfolio-thumb-zoom .overlay-image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(images/icon-overlay.png) center center no-repeat;
}

.portfolio-thumb-zoom a:hover .overlay .overlay-image {
	-webkit-animation: zoom 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: zoom 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: zoom 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: zoom 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: zoom 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

@-webkit-keyframes zoom {
	0% 		{ -webkit-transform: rotate(-175deg) scale(0.2) }
	100% 	{ -webkit-transform: rotate(0deg) scale(1) }
}

@-moz-keyframes zoom {
	0% 		{ -moz-transform: rotate(-175deg) scale(0.2) }
	100%	{ -moz-transform: rotate(0deg) scale(1) }
}

@-ms-keyframes zoom {
	0% 		{ -ms-transform: rotate(-175deg) scale(0.2) }
	100%	{ -ms-transform: rotate(0deg) scale(1) }
}

@-o-keyframes zoom {
	0%		{ -o-transform: rotate(-175deg) scale(0.2) }
	100%	{ -o-transform: rotate(0deg) scale(1) }
}

@keyframes zoom {
	0% 		{ transform: rotate(-175deg) scale(0.2) }
	100%	{ transform: rotate(0deg) scale(1) }
}

/*--------------------------------------------------------------------------------------*/
/*	6.	Comments
/*--------------------------------------------------------------------------------------*/

#comments {
	margin-bottom: 80px;
}

.comments-title {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	font-family: 'font2';
	letter-spacing: 1px;
}

#reply-title {
	font-family: 'font2';
	letter-spacing: 1px;
}

#reply-title small {
	font-size: 11px;
}

.logged-in-as {
	margin-top: -20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.children {
	margin: 0;
	padding: 0 0 0 30px;
}

.comment {
	margin-bottom: 40px;
}

.comment-header {
	margin-bottom: 20px;
}

.avatar-e {
	display: block;
	float: left;
	margin-right: 20px;
}

.avatar-e img {
	display: block;
}

.comment-date {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.comment-reply {
	margin-top: 20px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment,
.form-submit {
	margin-bottom: 0;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	width: 200px;
}

.comment-form-author,
.comment-form-email {
	margin-right: 10px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	width: 190px;
}

.comment-form-author label,
.comment-form-author span,
.comment-form-email label,
.comment-form-email span,
.comment-form-url label,
.comment-form-comment label,
.comment-notes,
.form-allowed-tags {
	display: none;
}

/*--------------------------------------------------------------------------------------*/
/*	7.	Footer Styles
/*--------------------------------------------------------------------------------------*/

#footer {
	margin-top: 80px;
	color: #222;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
}

#footer .inner {
	padding: 40px 0 20px 0;
	border-top: 4px solid rgba(191, 169, 144, 1);
}

/*--------------------------------------------------------------------------------------*/
/*	8.	Sidebars & Widgets
/*--------------------------------------------------------------------------------------*/

#secondary {
	float: left;
	width: 260px;
}

.widget {
	margin-bottom: 40px;
}

.widget-title {
	font-size: 16px;
	font-family: 'font2';
	letter-spacing: 1px;
}

.tagcloud a {
	display: inline-block;
	margin: 0 0px 5px 0;
	padding: 4px 8px 0 8px;
	border: 1px solid #222;
	letter-spacing: 1px;
	-webkit-transition: color 0.2s, border-color 0.2s;
	-moz-transition: color 0.2s, border-color 0.2s;
	-ms-transition: color 0.2s, border-color 0.2s;
	-o-transition: color 0.2s, border-color 0.2s;
	transition: color 0.2s, border-color 0.2s;
}

.tagcloud a:hover {
	border-color: #999;
}

#wp-calendar {
	width: 100%;
	text-align: center;
}

#searchform {
	position: relative;
	margin: 0;
	width: 260px;
}

#searchform input[type="text"] {
	width: 250px;
}

#searchform input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
}

.champ-contact{
	float:left;
	position:relative;
	}

.wpcf7-form .your-name input,
.wpcf7-form .your-email input {
	float: left;
	width: 190px;
	margin-right: 10px;
}

.wpcf7-form .your-subject input {
	float: left;
	width: 190px;
}

.wpcf7 .wpcf7-not-valid {
	border-color: red;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7-validation-errors {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	font-size: 14px;
	font-family: 'font2';
	letter-spacing: 1px;
}

.wpcf7-mail-sent-ok {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	font-size: 14px;
	font-family: 'font2';
	letter-spacing: 1px;
}

/*--------------------------------------------------------------------------------------*/
/*	9.	Shortcodes
/*--------------------------------------------------------------------------------------*/

/* Buttons --------------------------------*/

.button {
	padding: 10px 8px 7px 8px;
	border: 1px solid #222;
	background: #FFF;
	color: #222;
	font-size: 11px;
	letter-spacing: 1px;
	box-shadow: 2px 2px 0 #222;
}

.button:hover {
	color: #222;
	box-shadow: 1px 1px 0 #222;
}

.button i {
	margin-right: 5px;
}

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

.social {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 20px;
	background: url(images/social-icons.png) no-repeat;
}

.social.twitter 			{background-position: 0 0;}
.social.twitter:hover 		{background-position: 0 -16px;}
.social.facebook 			{background-position: 0 -32px;}
.social.facebook:hover 		{background-position: 0 -48px;}
.social.dribbble 			{background-position: 0 -64px;}
.social.dribbble:hover 		{background-position: 0 -80px;}
.social.flickr 				{background-position: 0 -96px;}
.social.flickr:hover 		{background-position: 0 -112px;}
.social.skype 				{background-position: 0 -128px;}
.social.skype:hover 		{background-position: 0 -144px;}
.social.blogger 			{background-position: 0 -160px;}
.social.blogger:hover 		{background-position: 0 -176px;}
.social.vimeo 				{background-position: 0 -192px;}
.social.vimeo:hover 		{background-position: 0 -208px;}
.social.googleplus 			{background-position: 0 -224px;}
.social.googleplus:hover 	{background-position: 0 -240px;}
.social.forrst 				{background-position: 0 -256px;}
.social.forrst:hover 		{background-position: 0 -272px;}
.social.digg 				{background-position: 0 -288px;}
.social.digg:hover 			{background-position: 0 -304px;}
.social.stumbleupon 		{background-position: 0 -320px;}
.social.stumbleupon:hover 	{background-position: 0 -336px;}
.social.deviantart 			{background-position: 0 -352px;}
.social.deviantart:hover 	{background-position: 0 -368px;}
.social.tumblr 				{background-position: 0 -384px;}
.social.tumblr:hover 		{background-position: 0 -400px;}
.social.linkedin 			{background-position: 0 -416px;}
.social.linkedin:hover 		{background-position: 0 -432px;}
.social.myspace 			{background-position: 0 -448px;}
.social.myspace:hover 		{background-position: 0 -464px;}
.social.pinterest			{background-position: 0 -480px;}
.social.pinterest:hover 	{background-position: 0 -496px;}
.social.youtube				{background-position: 0 -512px;}
.social.youtube:hover 		{background-position: 0 -528px;}
.social.rss					{background-position: 0 -544px;}
.social.rss:hover 			{background-position: 0 -560px;}


/* Divider --------------------------------*/

.divider {
	width: 100%;
	height: 20px;
}

/* Slider ---------------------------------*/

.slider-container {
	position: relative;
}

.slider-container ul {
	margin: 0;
	padding: 0;
}

.slider-container li {
	list-style: none;
}

.slider-container .slides > li {
	display: none;
}

.flexslider {
	position: relative;
	overflow: hidden;
}

.flex-control-nav {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	padding-top: 8px;
	width: 8px;
	height: 0;
	border: 1px solid #222;
	border-radius: 5px;
}

.flex-control-nav li .flex-active {
	cursor: default;
	background: #222;
}

/* Video ----------------------------------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Toggle ---------------------------------*/

.toggle {
	margin-bottom: 2px;
}

.toggle-title {
	border: 1px solid #222;
	background: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.toggle-title a {
	display: block;
	margin-left: 20px;
	padding: 9px 20px 5px 18px;
	background: url(images/icon-plus.png) no-repeat left center;
	color: #222;
}

.toggle-title.clicked a {
	background: url(images/icon-minus.png) no-repeat left center;
}

.toggle-title a:hover {
	text-decoration: none;
}

.toggle-content {
	display: none;
	background: #FFF;
}

.toggle-content-inner {
	padding: 20px;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-left: 1px solid #222;
}

/* Tabs -----------------------------------*/

.tabs {
	overflow: hidden;
	width: 100%;
}

.tabs-header {
	border-bottom: 1px solid #222;
	border-left: 1px solid #222;
}

.tab-title {
	float: left;
	height: 34px;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	background: #FFF;
	font-size: 11px;
	text-transform: uppercase;
}

.tab-title a {
	display: block;
	padding: 3px 20px 0 20px;
	height: 31px;
	color: #222;
	line-height: 31px;
}

.tab-title a.selected {
	border-bottom: 1px solid #FFF;
	color: #222;
}

.tab-content {
	display: none;
	padding: 20px;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-left: 1px solid #222;
	background: #FFF;
}

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

.one-fourth,
.one-third,
.one-half,
.two-third,
.three-fourth {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
}

.one-fourth {
	width: 140px;
}

.one-third {
	width: 193px;
}

.one-half {
	width: 300px;
}

.two-third {
	width: 406px;
}

.three-fourth {
	width: 460px;
}

.full-width .one-fourth {
	width: 220px;
}

.full-width .one-third {
	width: 300px;
}

.full-width .one-half {
	width: 460px;
}

.full-width .two-third {
	width: 620px;
}

.full-width .three-fourth {
	width: 700px;
}

.last-column {
	margin-right: 0 !important;
}

/*--------------------------------------------------------------------------------------*/
/*	10.	Responsive
/*--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {
	body {
	background-image: url('/wp-content/uploads/2014/09/fond-masques1500.jpg') !important;
	}
	.inner {
		width: 860px;
	}
	
	#header-menu {
		margin-top: 40px;
	}
	
	#header-menu ul li {
		margin: 0 20px;
	}
	
	#header-menu ul li {
    	float: none;
    	display: inline;
	}
	
	#title {
		width: 100%;
		margin-left: 0;
	}
	
	#primary {
		float: right;
		width: 600px;
	}
	
	.portfolio-thumb-3d,
	.portfolio-thumb-shake,
	.portfolio-thumb-zoom {
		width: 273px !important;
		height: 273px !important;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"] {
		width: 183px !important;
		display: inline-block;
	}
	textarea {
		width: 590px !important;}
	
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: none;
		width: 860px;
	}
	
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 718px;
	}
	
	#secondary {
		float: left;
		width: 260px;
	}
	
	#searchform {
		width: 860px;
	}
	
	.one-fourth {
		width: 167px !important;
	}
	
	.one-third {
    	width: 273px !important;
	}
	
	.one-half {
		width: 354px !important;
	}
	
	.two-third {
		width: 478px !important;
	}
	
	.three-fourth {
		width: 541px !important;
	}
}

@media only screen and (max-width: 980px) {
	.inner {
		width: 728px;
	}
	
	#logo {
		width: 100%;
	}
	
	#header{
		text-align:center;
	}
	
	#header-menu {
	width: 100% ;
    padding-left: auto ;
    padding-right: auto ;
	}
	
	#title {
		width: 100%;
		margin-left: 0;
	}
	
	#primary {
		float: none;
		width: 100%;
	}
	
	.portfolio-inner {
		width: 748px !important;
	}
	
	.portfolio-thumb-3d,
	.portfolio-thumb-shake,
	.portfolio-thumb-zoom {
		width: 229px !important;
		height: 229px !important;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 718px !important;
	}
	
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: none;
		width: 728px;
	}
	
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 718px;
	}
	
	#secondary {
		float: none;
		width: 728px;
		margin-top: 80px;
		padding-top: 40px;
		border-top: 4px solid #222;
	}
	
	#searchform {
		width: 728px;
	}
	
	.one-fourth {
		width: 167px !important;
	}
	
	.one-third {
		width: 229px !important;
	}
	
	.one-half {
		width: 354px !important;
	}
	
	.two-third {
		width: 478px !important;
	}
	
	.three-fourth {
		width: 541px !important;
	}
}

@media only screen and (max-width: 767px) {
	.inner {
		width: 440px;
	}
	
	.portfolio-inner {
		width: 460px !important;
	}
	
	.portfolio-thumb-3d,
	.portfolio-thumb-shake,
	.portfolio-thumb-zoom {
		width: 210px !important;
		height: 210px !important;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 430px !important;
	}
	
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: none;
		width: 440px;
	}
	
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 430px;
	}
	
	#secondary {
		float: none;
		width: 440px;
	}
	
	#searchform {
		width: 440px;
	}
	
	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth {
		float: none;
		margin-right: 0;
		width: 100% !important;
	}
}

@media only screen and (max-width: 479px) {
	.inner {
		width: 280px;
	}
	
	.portfolio-inner {
		width: 280px !important;
	}
	
	.portfolio-thumb-3d,
	.portfolio-thumb-shake,
	.portfolio-thumb-zoom {
		width: 280px !important;
		height: 280px !important;
		margin-right: 0;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
		width: 270px !important;
	}
	
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: none;
		width: 280px;
	}
	
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 270px;
	}
	
	#secondary {
		float: none;
		width: 280px;
	}
	
	#searchform {
		width: 280px;
	}
}