@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

/********************************************
 ** RESET 2
 ********************************************/
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 		
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	 font: inherit;
	font-size: 1em;
	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/********************************************
 ** GLOBAL
 ********************************************/		
body{
	background: url('../images/bg-main.png') repeat scroll 0 0 transparent;
	font-family: Century Gothic,"Times New Roman", Times, serif, Arial;
	/*text-align:justify;*/
}


h1 {
    font-family: Oswald, Arial;
    font-size: 42px;
    text-align: right;
    text-transform: uppercase;
    color:#FFFFFF;
    /*font-weight:bold;*/
    margin-bottom:30px;
	line-height: 38px;
}

h2 {
    font-family: Oswald, Arial;
    font-size: 23px;
    margin-bottom: 0px;
    line-height: normal;
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
	text-transform: uppercase;
	 text-shadow: 1px 1px 2px #000;
}

h3{
    font-family: Oswald, Arial;
    font-size: 31px;
    margin-bottom: -7px;
    line-height: 67px;;
    color: #FF0000;
    text-transform: uppercase;
    text-align: center;
    background: url('../images/separation-H2.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
	font-weight:300;

}

h4 {
    font-family: Century Gothic, Times, serif, Arial;
    font-size: 40px;
    text-align: right;
    text-transform: uppercase;
    color:#FFFFFF;
    /*font-weight:bold;*/
    margin-bottom:30px;
	line-height: 38px;
}

a{
	text-decoration:none;
	    color: #FFF;
		text-shadow: 1px 1px 2px #000;
}

a:hover{	
	text-decoration:none;
	color: #FF0000;
	text-shadow: 1px 1px 2px #000;
}


/********************************************
 ** HEADER - NAVIGATION
 ********************************************/

header{
        background: none repeat scroll 0 0 #000000;
    height: 121px;
    position: relative;
    width: 100%;
    z-index: 10000;
    box-shadow: 1px 1px 3px rgba(51, 51, 51, 0.91);
	/*border-bottom: 1px dotted rgba(2, 94, 140, 0.85);*/
}

header .logo{
	position:absolute;
	    margin-top: 8px;
		margin-left: 10px;
		width:50%;
}


header .menu{
	float:right;
}

header .menu>li{
	float:left;
	max-width:205px;
	text-align:center;
	/*background:url('../images/dot.png') no-repeat center right;*/
	padding: 0 20px;
	/*border-right: 1px dotted #4A4D4E;*/
	line-height: 22px;
	border-right:1px dotted #666;
	height: 121px;
}

header .menu>li:last-child{
	background:none;
}

header .menu > li > a {
	color: #FFF;
	display: block;
	font-family: Oswald, Arial;
	font-size: 17px;
	height: 99px;
	padding: 45px 0px 0;
	text-transform: uppercase;
	width: auto;
	text-shadow: 1px 1px 2px #000;
	font-weight:300;
}

header .menu li a:hover, 
header .menu li a.selected {
   /* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);*/
    color:#9e9e9e;
}

header .menu li a.nolink:hover{
    background-color:inherit;
    color: #FFFFFF;
}

header .menu .sub_menu {
    display: none;
    position: absolute;
    background: none repeat scroll 0 0 rgba(62, 63, 64, 0.85);
    min-width:300px;
}

header .menu .sub_menu li {
    
    text-align:left;
}

header .menu .sub_menu a{
    color: #FFFFFF;
    display: block;
    font-family: Oswald, Arial;
    font-size: 14px;
    padding: 16px 33px;
    text-transform: uppercase;
	
}

header .menu .sub_menu2 li {
    text-align:left;
}

header .menu .sub_menu2 a{
    padding-left: 70px;
    
}

header .menu .sub_menu a.aImg{
   padding:0px;
}
header .menu .sub_menu a.aImg img{
    width:100%;
}


/********************************************
 ** HEADER - NAVIGATION MOBILE
 ********************************************/
header .mobile_menu {
    display: none;
    float: right;
    margin-right: 30px;
    position: absolute;
    right: 0;
    width: 307px;
}


header .mobile_menu .menu_navigation a {
    background: url("../images/list.png") no-repeat scroll center center rgba(0, 0, 0, 0);
   /* border-left: 1px solid #161616;
    border-right: 1px solid #161616;*/
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: Oswald, Arial;
    font-size: 14px;
    height: 90px;
    padding: 50px 30px 0;
    text-align: center;
    text-transform: uppercase;
   /* width: 133px;*/
	width: 85px;
}

header .mobile_menu .menu_item {
    background: none repeat scroll 0 0 rgba(18, 17, 17, 0.9);
    border-top: 1px solid #161616;
    color: #FFFDFD;
    display: block;
    font-family: Oswald, Arial;
    font-size: 22px;
    padding: 20px 20px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 1px 5px 10px white;
   
}

header .mobile_menu .sub_menu>a {
    color: rgb(174, 177, 178);
    font-size: 14px;
    display: block;
    overflow: hidden;
    height: 43px;
    line-height: 12px;
    text-align: left;
    padding-left:40px;
}

header .mobile_menu .sub_menu2>a {
    color: rgb(174, 177, 178);
    font-size: 13px;
    display: block;
    overflow: hidden;
    height: 43px;
    line-height: 12px;
    text-align: left;
    padding-left:70px;
}

/********************************************
 ** FOOTER
 ********************************************/
footer {
    bottom: 10px;
    max-height: 100px;
    position: fixed;
    right:0px;
    z-index: 10;

}


footer .social_media {
    float: right;
    z-index: 900000000;
}

footer .social_media li{
    float: left;
}


footer .social_media li a{
    background: url("../images/social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 25px;
    margin-left: 6px;
    width: 25px;
}

footer .social_media li.tw a {
    background-position: -31px 0 !important;
}
footer .social_media li.tb a {
    background-position: -63px 0 !important;
}
footer .social_media.pin li a {
    background-position: -95px 0 !important;
}
footer .social_media li.be a {
    background-position: -128px 0 !important;
}
footer .social_media li.dr a {
    background-position: -161px 0 !important;
}
footer .social_media li.yt a {
    background-position: -194px 0 !important;
}

footer .flags {
    float: right;
    z-index: 900000000;
    margin-right:20px;
}

footer .flags li{
    float: left;
}

footer .flags li a {
    background: url("../images/flags.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    width: 25px;
    display: block;
    margin-left: 6px;
}

footer .flags li.en a {
    background-position: -32px 0;
}

footer .flags li.it a {
    background-position: -65px 0;
}

footer .flags li.ru a {
    background-position: -65px 0;
}
footer .flags li.cn a {
    background-position: -99px 0;
}

footer .rdv {
    background: url("../images/rdv.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 270px;
    height: 265px;
    position: absolute;
    bottom: 0px;
    margin-left: -35px;
}

 /********************************************
 ** CONTENT
 ********************************************/

.content {
    margin: auto;
    padding-bottom: 33px;
    padding-top: 16px;
    position: relative;
    width: 1025px;
    z-index: 9;
}

.content .button.back{
position: absolute;
    right: 34px;
   /* margin-top: -23px;*/
}

.content .button.back2{
position: absolute;
    right: 19px;
    margin-top: -23px;
	padding: 13px 36px;
    background: url("../images/back_arrow.png") no-repeat scroll 20px center #AD6218;
}

.content .col_full,
.content .col_half {
    background: none repeat scroll 0 0 rgba(41, 39, 39, 0.87);
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
    padding: 12px;
    width: 100%;
    float:left; 
	box-shadow: 1px 1px 6px #333;
}

.content .col_half {
	width:49%;
	margin-right:2%;
}

.content .col_half.last {
	margin-right:0%;
}


 /********************************************
 ** ACTUALITES
 ********************************************/
.news{
    margin: 130px auto 0;
    width: 920px;
}

.news .news_info{
    background: none repeat scroll 0 0 #5E5D5B;
    display: block;
    height: auto;
    position: relative;
    width: 920px;
}

.news .news_content{
background: none repeat scroll 0 0 #807F7B;
color: rgba(10, 10, 10, 1);
    float: left;
    font-family: Tahoma,"Times New Roman", Times, serif, Arial;
    height: auto;
    line-height: 24px;
    padding: 30px 20px;
    width: 720px;
}

.news .news_content h1 {
    color: #FFFFFF;
    font-family: Oswald, Arial;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 20px;
}

.news .news_social {
    background: none repeat scroll 0 0 #353430;
    float: right;
    height: 100%;
    padding: 0px 20px 30px;
    position: relative;
    width: 200px;
}

.news .news_social a {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    margin-top: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news .news_social .action {
    display: inline-block;
    margin-right: 10px;
    vertical-align:middle;
}

 /********************************************
 ** YACHT
 ********************************************/
.book{
    margin: 130px auto 0;
    width: 100%;
}

.book .price{
    float:right;
    text-align:right;
}
.book .price h2{
 	margin-bottom:-5px;
}
.book .price .notice{
   	font-size:12px;
}

.book .book_content{
	background: none repeat scroll 0 0 rgba(66, 64, 63, 0.9);
	color: #FFF;
	float: left;
	font-family: Tahoma,"Times New Roman", Times, serif, Arial;
	height: auto;
	line-height: 24px;
	padding: 30px 20px;
	width: 100%;
	box-shadow: 1px 2px 10px #333;
}

.book .detail,
.book .description {
    float: left;
    padding:0px;
}

.book .description {
    padding-right:20px;
    text-align:justify;
    width: 55%;
}

.book .detail {
    width: 45%;
    font-size:14px;
}

.book .noDescription .detail {
    width: 48%;
    margin:1%;
}

.book .detail .tableDetail {
    width: 100%;
}
.book .detail tr:nth-child(even) {
	background: #DFA529;
}

.book .detail .label {
    width: 40%;
    padding:0px 5px;
}
.book .detail .value {
    width: 60%;
    padding:0px 5px;
}

.book .detail h3 {
    font-weight:bold;
    font-size:16px;
    background:#BF860B;
    margin-top:10px;
    padding:0px 5px;
}

.book .detail h3:first-child{
    margin-top:0px;
}

 /********************************************
 ** ACTIONS SLIDER
 ********************************************/
.action {
    background: url("../images/actions.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    width: 25px;
}

.action.twitter{
    background-position: -31px 0;
}

.action.back{
    background-position: -63px 0;
}

.action.website{
    background-position: -95px 0;
}

.action.document{
    background-position: -127px 0;
}

 /********************************************
 ** IMAGE SLIDER
 ********************************************/

.imageSlider {
    background: none repeat scroll 0 0 rgba(18, 19, 23, 0.97);
    height: auto;
    overflow: hidden;
    position: relative;
    width: 920px;
}

.imageSlider .slides>li{
	text-align:center;
}

.imageSlider .slides img{
	max-width:100%;
	margin-bottom: -3px;
}

.imageSlider .nav {
    bottom: -3px;
    position: absolute;
    right: 0;
    z-index: 1;
    letter-spacing: -3px;
}

.imageSlider .nav a {
    display: inline-block;
    height: 60px;
    width: 60px;
    background: url("../images/arrow_white_left.png") no-repeat scroll center center rgba(0, 0, 0, 0.3);
    
}

.imageSlider .nav a.r {
    background-image: url("../images/arrow_white_right.png");
}

.imageSlider .nav a.fancybox-button{
	background-image: url("../images/enlarge.png");
}

.youtube{
	height:500px;
}




 /********************************************
 ** ARTICLE
 ********************************************/
.article .media a{
	display:block;
	float:left;
} 

.article .media img{
	width:100%;
} 

.article .media a.small{
	width:19%;	
	margin-right:1.2%;
} 

.article .media a.small.i0{
	margin-right:0%; 
} 


 /********************************************
 ** CONTACT
 ********************************************/



.contact form{
	position:relative;
	margin-top:20px;
}

.contact .group{
	width:49%;
	margin-right:2%;
	float:left;
	/*font-family:Tahoma,"Times New Roman", Times, serif, Arial;
	font-size:16px;
	font-weight:bold;*/
}

.contact .group.last{
	margin-right:0%;
}

.contact select,
.contact input[type=text],
.contact textarea{		
    border: 1px solid #E1E1E1;
    height: 45px;
    padding: 0 10px;
    width: 100%;
}

.contact textarea{		
     width:100%;
     height:200px;
}

.contact input[type=text].error,
.contact textarea.error{
	background-color:#F7DADA;
	border-color:red;
}

.contact .button{		
	margin-top:20px;
}

.contact .contactOk,
.contact .contactOk img{
	width:100%;	
}


 /********************************************
 ** LISTE BLOCK
 ********************************************/
.listBlock {
	margin-top:40px;
}

.listBlock .block_item {
    background: none repeat scroll 0 0 #E1E1E1;
    float: left;
    height: 276px;
    overflow: hidden;
    position: relative;
    width: 341px;
    z-index: 0;
}

.listBlock .block_item > img {
    height: auto;
    max-width: 100%;
    position: absolute;
    width: auto;
    z-index: -1;
}

.listBlock .block_info {
    background: none repeat scroll 0 0 rgba(38, 39, 39, 0.85);
    width: 100%;
    z-index: 1;
    position:absolute;
    bottom:0px;
    color: #FFFFFF;
    font-family: Century Gothic, Times, serif, Arial;
    vertical-align: bottom;
    font-weight:normal;
    padding:10px;
    font-size: 18px;
    line-height:20px;
    min-height:60px;
	text-transform: uppercase;
}

.listBlock .block_item a{
    width:100%;
    height:100%;
    position: absolute;
    display:block;
}

.listBlock .block_item .open{
    background: url("../images/zoom.png") no-repeat;
    height: 46px;
    width: 100px;
    display:block;
    position: absolute;
    right: 7px;
    top: 0px;
    /*display:none;*/
}

.listBlock.listNews .block_info {
    font-size: 20px;
    line-height:20px;
    min-height:60px;
}

.block_description{
    background: none repeat scroll 0 0 rgba(27, 26, 26, 0.68);
    bottom: 0;
    color: #FFF;
   font-family: Century Gothic, Times, serif, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    padding: 30px 20px;
    vertical-align: bottom;
    width: 100%;
    z-index: 1;
   /* text-shadow: 1px 1px 1px rgb(255, 255, 255);*/
    box-shadow: 1px 5px 8px #3f3d3d;
}

.block_description img{
	float:left;
	margin-right:20px;
	max-width:30%;
}

/***********************************************************
 ** BREADCRUMB
 **********************************************************/


.breadcrumb {
    list-style: outside none none;
    position:absolute;
    top:20px;
}

.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li:before {
    color: #000;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb a {
    color: #000;
	text-transform:uppercase;
}
.breadcrumb a:hover {
    color: #FFF;
}

/***********************************************************
 ** MESSAGES
 **********************************************************/
.messages{
	margin:10px 0px;
	padding-left:0px;
}

.messages,
.messages ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.messages li{
margin: 9px 0px 9px;
min-height: 90px;
padding: 2px 25px 0 3px;
font-size: 21px;

}

.messages ul li {
border: 0 none;
    margin: 23px -12px 5px;
    padding: 26px;
    color: #fff;
    font-size: 0.85em;
}

.messages .error{
	background: rgba(51, 49, 49, 0.8) url('../images/error.png') no-repeat scroll 10px 10px;
	/*border:2px solid #666;*/
	box-shadow:1px 1px 6px #333;
	
}
.messages .info{
	/*background: url('../images/error.png') no-repeat scroll 10px 10px;*/
	/*border:1px solid #00FF00;*/
}

.messages a{
	font-size:0.75em;
	color:blue;
}


 /********************************************
 ** BOUTON
 ********************************************/
.buttons{
	margin: 10px 0px; 
}

.button{	
	/*background:#836D54;*/ /*Couleur TAUPE*/
background: #3F3D3D;
color: #FFFFFF;
    padding: 15px 66px;
    display: inline-block;
    margin: 7px;
box-shadow: 1px 1px 3px #333;
font-size: 17px;
}


.button.selected{
	background-color:#A07D4F;
	background-image:none;
}

.button.back {
    background: url("../images/back_arrow.png") no-repeat scroll 20px center #3F3D3D;
padding-left: 44px;
box-shadow: 1px 1px 8px #333;
}

.button.fleche {
    background: url("../images/buttonProperties.png") no-repeat;
    background-position: right;
    width: 332px;
    height: 60px;
    margin-right: 0px;
    margin-bottom: 38px;
    float: right;
    border-radius: 6px;
    font-family: Century Gothic;
	font-size: 16px;
	text-transform:uppercase;
    cursor: pointer;
    position: relative;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
	text-shadow:1px 1px 2px #333;
}

.button.fleche:hover, .button.fleche:hover:focus {
    background-position: left;
    cursor: pointer;
    z-index: 10;
	color:#FF0202;
}



/***********************************************************
 ** PAGINATION
 **********************************************************/
.pagination{
	padding-top:10px;
	text-align:right;
}

.pagination .page{
	margin-right:10px;
	font-size:0.8em;
	font-style:italic;
	display:none;
}


/***********************************************************
 ** TINYMCE
 **********************************************************/
.tinymce{
	overflow:hidden;
}

.tinymce p{
 	text-align:justify;
 	margin: 10px 0px;
}
 
.tinymce li{
	margin-left:20px;
}
 
.tinymce img,
.tinymce object, 
.tinymce embed{
    height: auto;
    max-width: 100%;
}

.tinymce table{
    table-layout:fixed;
}
 
/***********************************************************
** CLEAR
************************************************************/
.clear{
	height:1px;
	clear:both;
}

/***********************************************************
** RIGHT/LEFT
************************************************************/
.right{
	float:right;
}

/***********************************************************
 ** DEBUG
 **********************************************************/
.debug{
	background-color:#888;
	color:white;
}


/***********************************************************
 ** ANIMATION
 **********************************************************/

@-webkit-keyframes blurFadeIn{
	0%{
		opacity: 0;
		color: transparent;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		color: transparent;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		color: transparent;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes slideFromLeft{
	0%{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
	50%{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(-0px);
		-moz-transform: translateX(-0px);
		-o-transform: translateX(-0px);
		transform: translateX(-0px);
		opacity: 1;
	}
}

@-webkit-keyframes slideFromRight{
	0%{
		-webkit-transform: translateX(200px);
		-moz-transform: translateX(200px);
		-o-transform: translateX(200px);
		transform: translateX(200px);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes displayElement {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
	}
}

@-moz-keyframes blurFadeIn{
	0%{
		opacity: 0;
		color: transparent;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		color: transparent;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		color: transparent;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes slideFromLeft{
	0%{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
	50%{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(-0px);
		-moz-transform: translateX(-0px);
		-o-transform: translateX(-0px);
		transform: translateX(-0px);
		opacity: 1;
	}
}

@-moz-keyframes slideFromRight{
	0%{
		-webkit-transform: translateX(200px);
		-moz-transform: translateX(200px);
		-o-transform: translateX(200px);
		transform: translateX(200px);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes displayElement {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
	}
}

@-ms-keyframes blurFadeIn{
	0%{
		opacity: 0;
		color: transparent;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		color: transparent;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		color: transparent;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(1);
	}
}

@-ms-keyframes slideFromLeft{
	0%{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
	50%{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(-0px);
		-moz-transform: translateX(-0px);
		-o-transform: translateX(-0px);
		transform: translateX(-0px);
		opacity: 1;
	}
}

@-ms-keyframes slideFromRight{
	0%{
		-webkit-transform: translateX(200px);
		-moz-transform: translateX(200px);
		-o-transform: translateX(200px);
		transform: translateX(200px);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0.3;
	}
	100%{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@-ms-keyframes displayElement {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
	}
}

.blur {
	-webkit-animation: blurFadeIn 2s linear backwards;
	-moz-animation: blurFadeIn 2s ease-in backwards;
	-ms-animation: blurFadeIn 2s ease-in backwards;
	animation: blurFadeIn 2s ease-in backwards;
	/*color: #fff;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.15);*/
	/*color: #99251A;  COLOR BRUN*/
	color: #FFF;
	/*text-shadow: 0px 1px 2px #333;*/
	text-shadow: 3px 2px 10px #000;
	opacity: 1;
}

.move_to_right {
    -webkit-animation: slideFromLeft 0.2s linear 1.5s backwards;
	-moz-animation: slideFromLeft 0.2s linear 1.5s backwards;
	-ms-animation: slideFromLeft 0.2s linear 1.5s backwards;
	animation: slideFromLeft 0.2s linear 1.5s backwards;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.move_to_left {
    -webkit-animation: slideFromRight 0.5s linear 1s backwards;
	-moz-animation: slideFromRight 0.5s linear 1s backwards;
	-ms-animation: slideFromRight 0.5s linear 1s backwards;
	animation: slideFromRight 0.5s linear 1s backwards;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.display_element {
	-webkit-animation: displayElement 0.5s linear 1.5s backwards;
	-moz-animation: displayElement 0.5s linear 1.5s  backwards;
	-ms-animation: displayElement 0.5s linear 1.5s  backwards;
	animation: displayElement 0.5s linear 1.5s  backwards;
	opacity: 1;
}

.display_element_second {
	-webkit-animation: displayElement 0.5s linear 2s backwards;
	-moz-animation: displayElement 0.5s linear 2s backwards;
	-ms-animation: displayElement 0.5s linear 2s backwards;
	animation: displayElement 0.5s linear 2s backwards;
	opacity: 1;
}

.display_element_third {
	-webkit-animation: displayElement 0.5s linear 2.5s backwards;
	-moz-animation: displayElement 0.5s linear 2.5s backwards;
	-ms-animation: displayElement 0.5s linear 2.5s backwards;
	animation: displayElement 0.5s linear 2.5s backwards;
	opacity: 1;
}



/*************************************
 ** THEME
 *************************************/
.themes{

    width: 1200px;
    margin: 50px auto 40px auto;
    padding: 0px 20px;
}
.themes .themeContainer {
    padding: 15px 10px;
    float: left;
    width: 33.3333%;
}
.themes .theme{
    position:relative;
    z-index: 100;
    box-shadow: 0px 0px 10px black;
    overflow: hidden;
    display: block;
}
.themes .theme img{
    width:100%;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);*/
    transition: all .5s ease-in-out; 
}
.themes .theme .content{
    background: rgba(0,0,0,0.7);
   /* position:absolute;*/
    width:100%;
    bottom: 0px;
    /*padding:10px 20px;*/
    text-align: center;
    color: #FFFFFF;
	    font-family: Oswald;
    line-height: 25px;
}
.themes .theme .content h1{
    font-size: 22px;
    margin: 4px;
    text-align: center;
    color: #F8BA00;
}
.themes .theme .content .text{
    font-size:12px;
}

.themes .theme:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    transform: scale(1.2); 
}
@media (max-width: 1200px){
    .themes {
        width:900px;
    }
    .themes .themeContainer{
        width:50%;
    }
}

@media (max-width: 950px){
    .themes {
        width:700px;
    }
    .themes .themeContainer{
        width:50%;
    }
    #nextslide, #prevslide {
        display:none;
    }
}

@media (max-width: 720px){
    .themes {
        width:100%;
    }
    .themes .themeContainer{
        width:100%;
    }

}