/*
Theme Name: Futura
Description: Clean business, portfolio or blog theme.
Author: ANDA.lu Design
Graphic Design: themePro
Distributed By: InnovatingThemes
Theme URI: http://anda.lu/futura/
Author URI: http://anda.lu/futura/
Version: 1.2
Tags: green, gray, white, one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, featured-images, flexible-header, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
*/


/* Basic elements */
html{}
input[type=submit],
input[type=text],
input[type=password],
input[type=file],
textarea{-webkit-appearance:none; -webkit-border-radius:0}
input[type="image"]{padding:0; border:none}
body{
	margin:0;
	color:#707070;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
img{
	border-style:none;
	vertical-align:top;
	max-width:100%; height:auto;
}
a{outline:0; text-decoration:none; color:#333}
a:hover{color:#89b624; text-decoration:none}
a.colored{color:#89b624}
a.colored:hover{color:#333}
p{margin:0 0 20px 0}
p:last-child{margin-bottom:0}
input,
textarea,
select{
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#333;
	border:1px solid #e7eaec;
	background:#fff;
	padding:5px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
textarea{display:block; width:100%}
form, fieldset{margin:0; padding:0; border-style:none}
h1, h2, h3, h4, h5, h6, .title-font{font-family:'TitleFont', arial, helvetica, sans-serif}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	color:#333;
	margin:10px 0 10px 0; padding:0;
}
h1{font-size:38px; line-height:40px}
h2{font-size:28px; line-height:40px}
h3{font-size:18px; line-height:20px}
h4{font-size:13px; line-height:20px}
h5{font-size:11px; line-height:20px}
h6{font-size:10px; line-height:20px}
img, object, iframe, embed, video{max-width:100%; border:none}
em, i, cite{font-style:italic}
pre{white-space:pre-wrap}


/* Clear */
.clearfix:after, #content:after, .content-row:after{content:""; display:table; clear:both}
.clear{clear:both}


/* Basic Layout */
#wrapper.boxed{width:1020px; margin:0 auto}
.content-row{margin:0 auto; max-width:960px; padding:0 10px}
.content-box{margin-bottom:80px}


/* Landing page Layout */
body.landing{
	display:table;
	position:absolute; top:0; left:0;
	height:100%; width:100%;
	overflow-x:hidden;
}
body.landing #wrapper{display:table-cell; vertical-align:middle}
body.landing #main{padding:0}


/* Alignment */
.alignleft{display:inline; float:left; margin-right:15px}
.alignright{display:inline; float:right; margin-left:15px}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto}


/* Header */
#header{padding:0 10px 0px; background:#fff}
#header .logo{float:left; overflow:hidden; margin:34px 0 0 0}
#header-top{background:#fff; padding:0}
#header-top .alignleft, #header-top .alignright{display:table}
#header-top .social-networks, #header-top .contact-info, #header-top .search{
	display:table-cell; vertical-align:middle;
	line-height:30px;
	text-align:center;
}
#header-top .social-networks li{margin:0}
#header-top .social-networks a:before{
	color:#ccc;
	font-size:18px;
	line-height:28px; min-width:28px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#header-top .social-networks a:hover:before{color:#333; background-color:#9bce29}


/* Header variations */
.header-v1 #header{margin-top:8px}
.header-v2 #header-top{margin-top:8px}
.header-v2 #header-top .alignleft, .header-v2 #header-top .alignright{height:98px}
.header-v2 #header-top .content-row{border-bottom:1px solid #e7eaec}
.header-v2 #main_nav{float:left}
.header-v2 #nav > li:first-child{padding-left:0}
.header-v3 #header-top{margin-bottom:8px; background-color:#9bce29; height:62px}
.header-v3 #header-top .content-row{height:62px; display:table}
.header-v3 #header-top .social-networks a:before{color:#fff}
.header-v3 #header-top .social-networks a:hover:before{color:#333}
.header-v3 #header .content-row{display:table}
.header-v3 #main_nav{float:none}
.header-v4 #header-top{margin-bottom:8px; background-color:#333; color:#fff; height:40px}
.header-v4 #header-top a{color:#ccc}
.header-v4 #header-top a:hover{color:#89b624}
.header-v4 #header-top .alignleft, .header-v4 #header-top .alignright{height:40px}
.header-v4 #header-top .social-networks a:before{color:#fff}
.header-v4 #header-top .social-networks a:hover:before{color:#333}
.header-v5 #header-top{margin-bottom:8px; color:#fff; background-color:#9bce29; height:48px}
.header-v5 #header-top .alignleft, .header-v5 #header-top .alignright{height:48px}
.header-v5 #header-top .social-networks a:before{color:#fff}
.header-v5 #header-top .social-networks a:hover:before{color:#333}
.header-v5 #header .content-row{display:block; text-align:center}
.header-v5 #header .logo-wrapper{border-bottom:1px solid #e7eaec}
.header-v5 #header .logo{display:block; width:100%}
.header-v5 #main_nav{float:none; display:inline-block; margin-bottom:-6px}
.header-v5 #header-top a{color:#fff}
.header-v5 #header-top a:hover{color:#333}


/* Header Navigation */
#top_menu_nav{list-style:none; margin:0; padding:0; line-height:40px}
#top_menu_nav li{display:inline-block; margin-right:3px}
#top_menu_nav li:last-child{margin-right:0}
#top_menu_nav li:after{content:'|'; margin-left:6px; display:inline-block}
#top_menu_nav li:last-child:after{display:none}
#top_menu_nav .current_page_item > a, #top_menu_nav .current-menu-item > a, #top_menu_nav > .current-menu-parent > a{color:#89b624}
.header-v5 #top_menu_nav .current_page_item > a, .header-v5 #top_menu_nav .current-menu-item > a, .header-v5 #top_menu_nav > .current-menu-parent > a{color:#333}


/* Navigation */
#main_nav{
	font-family:'TitleFont', arial, helvetica, sans-serif;
	float:right; margin-right:0px;
	font-size:15px;
	z-index:99999;
}
#nav{list-style:none; margin:0; padding:0}
#nav li{
	float:left;
	margin:0 20px 0 0; padding:0 10px;
	position:relative;
}
#nav > li:last-child{margin-right:0; padding-right:0}
#nav a{display:block; line-height:96px}
#nav .current_page_item > a, #nav .current-menu-item > a, #nav > .current-menu-parent > a{
	color:#89b624;
	text-decoration:none;
}
#nav > li.current_page_item:after, #nav > li.current-menu-item:after, #nav > .current-menu-parent:after,
#nav li.current-menu-ancestor:after{
	content:'';
	height:12px; width:120%;
	position:absolute;
	bottom:-6px; left:-10%;
	background-color:#e7eaec;
	z-index:200;
}
#nav > li > a:hover:after{
	content:'';
	position:absolute; top:0; left:0;
	z-index:100;
	height:10px; width:100%;
	background:url(images/menu-arrow.png) no-repeat center top;
}
#nav ul{
	display:none;
	list-style:none;
	position:absolute; top:80px; left:0;
	margin:0; padding:0;
	width:185px;
	background:#fff;
	z-index:99999;
	-webkit-box-shadow:-1px 2px 6px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:-1px 2px 6px rgba(50, 50, 50, 0.3);
	box-shadow:-1px 2px 6px rgba(50, 50, 50, 0.3);
}
#nav li:hover > ul{display:block}
#nav ul li{display:block; float:none; margin:0; padding:0}
#nav ul li a{
	border:0;
	height:auto;
	text-indent:0px;
	font-size:12px; line-height:30px;
	padding:0 16px; margin:0;
}
#nav ul li a:hover, #nav ul li.current-menu-item a{background-color:#e7eaec}
#nav ul ul{display:none; top:-3px; left:175px}
#nav ul li:hover > ul{display:block}
#nav ul ul li:hover > ul{display:block}


/* Main content */
#main{
	padding:20px 0 40px 0;
	background:#fff;
	overflow:hidden; clear:both;
}
#content{width:70%; float:left}
#content.full-width{width:100% !important}
.search input{width:100%; display:block}


/* WordPress Styling */
.wp-caption{margin-bottom:20px; max-width:100%; text-align:center}
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}


/* Columns */
.columns, .columns-grid{overflow:hidden; margin:0 0 80px; list-style:none; padding-left:0}
.columns .col, .columns-grid .col{float:left; width:31.914836%; margin:0 2.0833334% 0 0}
.columns-1 .col{width:100%; margin:0}
.columns-2 .col{width:48.9583333%}
.columns-2 .col:nth-child(1n){margin-right:0; float:left; clear:both}
.columns-2 .col:nth-child(2n){margin-right:0; float:right; clear:right}
.columns-3 .col{width:31.9148936%}
.columns-3 .col:nth-child(3n){margin-right:0}
.columns-3 .col:nth-child(3n+1){clear:both}
.columns-4 .col{	width:23.4375%}
.columns-4 .col:nth-child(4n){margin-right:0}
.columns-4 .col:nth-child(4n+1){clear:both}
.columns-5 .col{	width:18.3333333%}
.columns-5 .col:nth-child(5n){margin-right:0}
.columns-5 .col:nth-child(5n+1){clear:both}
.columns-6 .col{	width:14.9305555%}
.columns-6 .col:nth-child(6n){margin-right:0}
.columns-6 .col:nth-child(6n+1){clear:both}

.columns .col.last{margin-right:0}
.col .heading{overflow:hidden; margin:0 0 15px}
.col .heading img{float:left; margin:0 10px 10px 0}
.col p{margin:0 0 20px} 
.col .flexslider{margin:0}


/* Page / Post Slideshow */
#sliders-container{position:relative; background:#fff}
#sliders-container > div{overflow:hidden}
#sliders-container.border #layerslider-container, #sliders-container.border .content-row{
	border-bottom:1px solid #e7eaec;
}
#sliders-container.shadow::before{
	content:'';
	position:absolute; top:0;
	width:100%; height:40px;
	background:url(images/slider-shadow.png) center top no-repeat;
	z-index:100;
}
#sliders-container.shadow::after{
	content:'';
	position:absolute; bottom:-40px;
	width:100%; height:40px;
	background:url(images/slider-shadow.png) center top no-repeat;
	z-index:100;
}
#sliders-container .flexslider{margin:0}
#sliders-container .slideshow-tape{
	position:absolute; bottom:-50px; left:0;
	width:100%; height:100px;
	background:url(images/tape.png) center top no-repeat;
	z-index:200;
}
#sliders-container .ls-bottom-nav-wrapper{display:none !important}
#sliders-container .ls-noskin .ls-nav-prev{display:block !important}
#sliders-container .ls-noskin .ls-nav-next{display:block !important}
#sliders-container .ls-noskin > a{
	width:40px; height:40px; margin:0;
	background-color:rgba(255, 255, 255, 0.5); background-repeat:no-repeat;
	position:absolute; top:50%;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	-webkit-transition:all .3s ease;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	z-index:8888;
}
#sliders-container .ls-noskin .ls-nav-prev{left:0}
#sliders-container .ls-noskin .ls-nav-next{right:0}
.no-opacity #sliders-container .ls-noskin > a{display:none}
.no-opacity #sliders-container:hover .ls-noskin > a{display:block}
.no-rgba #sliders-container .ls-noskin > a{background-color:#000}
#sliders-container .ls-noskin > a:after{
	font:30px/40px FontAwesome;
	color:#333;
	display:block;
	margin-top:-1px;
	text-indent:0; text-align:center;
}
#sliders-container .ls-noskin .ls-nav-prev:after{content:'\f104'}
#sliders-container .ls-noskin .ls-nav-next:after{content:'\f105'}
#sliders-container:hover .ls-noskin .ls-nav-prev{opacity:0.5; left:0}
#sliders-container:hover .ls-noskin .ls-nav-next{opacity:0.5; right:0}
#sliders-container:hover .ls-noskin .ls-nav-prev:hover, #sliders-container:hover .ls-noskin .ls-nav-next:hover{opacity:1}
/* Override default skin */
#sliders-container .ls-defaultskin{padding:0}
#sliders-container .ls-defaultskin .ls-nav-prev{left:0}
#sliders-container .ls-defaultskin .ls-nav-next{right:0}
/* Caption */
.slide-caption{
	display:block; width:50%;
	position:absolute; left:0; top:0;
	max-height:100%; max-width:100%;
	overflow:hidden;
	background-color:#222;
	background:rgba(0, 0, 0, 0.45);
}
.slide-caption div{padding:20px}
.slide-caption h3{color:#fff}
.slide-caption p{color:#ccc}


/* Page Title Bar */
.page-title-outer-container{position:relative; z-index:1}
.page-title-container{
	position:relative;
	height:77px; width:100%;
	background-position:center center;
	background-repeat:repeat-x;
	background-color:#f6f6f6;
	border-top:1px solid #e7eaec;
	border-bottom:1px solid #e7eaec;
	display:table;
}
.page-title{display:table-cell; vertical-align:middle; margin:0 auto}
.page-title-wrapper{
	position:relative; z-index:1;
	width:100%;
	margin:0 auto; padding:0 10px;
	max-width:980px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.page-title h3{
	position:relative;
	float:left;
	margin:0; padding:0;
	width:45%;
	font-style:italic;
}
.page-title-text-shadow{
	position:absolute; left:-20px; top:-12px; z-index:-1;
	font-size:150%;
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";	
	filter:alpha(opacity=5);
	opacity:0.05;
	width:150%;
}
.page-title .breadcrumbs ul{
	float:right;
	list-style:none;
	margin:0; padding:0;
	width:45%;
	text-align:right;
	color:#333;
}
.page-title .breadcrumbs li{
	margin:0; padding:0;
	display:inline;
	font-size:10px;
	margin-left:5px;
}
.page-title .breadcrumbs li a{padding-right:5px}
.page-title .breadcrumbs li:after{content:'|'}
.page-title .breadcrumbs li.trail-before:after{display:none}
.page-title .breadcrumbs li:last-child:after{content:''}
.page-title-container .search{width:219px; float:right}
.page-title-shadow{width:960px; height:0; max-width:100%; margin:0 auto; position:relative}
.page-title-shadow:before, .page-title-shadow:after{
	position:absolute; left:-30px; bottom:-139px;
	width:450px; height:60px;
	content:' ';
	background:url(images/title-shadow-left.png) left top no-repeat;
	z-index:-1;
}
.page-title-shadow:after{
	left:auto; right:-30px;
	background:url(images/title-shadow-right.png) right top no-repeat;
}


/* Sidebar Widgets */
#sidebar{width:25%; float:right}
#sidebar .widget{margin-bottom:50px; position:relative}
#sidebar .widget:last-child{margin-bottom:0}
#sidebar .widget ul{
	list-style:none;
	margin:0; padding:0;
}
#sidebar .widget li{margin:0; padding:0}
#sidebar .widget > ul > li > a, #sidebar .widget .recentcomments, #sidebar .widget .andalu_tweet{
	display:block;
	padding:4px 0;
}
#sidebar .widget > ul > li, #sidebar .widget .recentcomments, #sidebar .widget .andalu_tweet{
	border-bottom:1px solid #e7eaec;
}
#sidebar .widget .recentcomments{padding:10px 0}
#sidebar .contact_info .address{margin:0 0 15px 0}
#sidebar .contact_info p{margin:0}
#sidebar .widget .recentcomments a{background:none !important; border:none !important}
#sidebar .widget > ul > li > a:before, #sidebar .widget ul.children > li > a:before{
	font-family:FontAwesome !important;
	content:'\f054';
	color:#707070;
	font-size:8px;
	padding-right:10px;
}
#sidebar ul.children,
#sidebar .widget_nav_menu .sub-menu{
	margin-left:15px;
}
#sidebar .children li{padding:4px 0}
#sidebar .widget_calendar table{width:100%}
#sidebar .widget_calendar tbody td{text-align:center}
#sidebar .social-networks li{margin-right:5px}


/* Popular Tabs Widget */
.widget_popular_tabs li i{font-size:140%}
#sidebar .post-list li{margin-bottom:20px}
#sidebar .post-list li:last-child{margin-bottom:0}
.widget_popular_tabs .post-list img{max-width:58px; float:left; margin-right:10px}
.post-list .meta{font-size:80%}


/* Flickr Widget */
.flickr_badge_image img{
	float:left;
	width:65px; height:65px;
	margin:0 4px 4px 0;
	border:2px solid #ccc;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.flickr_badge_image img:hover{border-color:#333}
footer .flickr_badge_image img{border-color:#222}
footer .flickr_badge_image img:hover{border-color:#fff}


/* Latest Project Widget */
.latest_projects_widget img{
	float:left;
	max-width:74px;
	padding:0; margin:2px;
	border:1px solid #e7eaec;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}


/* Testimonials Widget */
.testimonial-container{
	position:relative;
}
.testimonial .quote{
	background:#e7eaec;
	color:#888;
	padding:20px;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
#sidebar .testimonial .quote{padding:16px}
.testimonial p:last-child{margin-bottom:0}
.testimonial .bg{
	float:left;
	display:block; width:0; height:0;
	border-left:18px solid transparent;
	border-left-color:rgba(255,255,255,0) !important;
	border-top:18px solid #e7eaec;
	margin-left:20px;	
}
#sidebar .testimonial .bg{margin-left:16px; border-width:14px 0 0 14px}
.testimonial .author{
	color:#333;
	float:left;
	display:block;
	margin-left:10px;
	font-weight:600;
}
#sidebar .testimonial .author{font-size:90%}
.testimonial .author span{color:#707070; font-weight:300}
.flexslider.testimonial-slider .flex-direction-nav, .flexslider.testimonial-slider .flex-control-nav{display:none}


/* Recent Comments Widget */
.andalu_widget_recent_comments{font-size:90%}
#sidebar .widget.andalu_widget_recent_comments li{padding:5px 0}
.andalu_widget_recent_comments li:before{display:none}
.andalu_widget_recent_comments .author{color:#89b624}


/* Twitter Widget */
.andalu_tweet .tweet_text{margin-bottom:0}
.andalu_tweet .tweet_date{font-size:85%}
.andalu_tweet .tweet_person, .andalu_tweet .tweet_hash{color:#89b624}
footer .andalu_tweet a{color:#ccc}
footer .andalu_tweet a:hover{color:#89b624}


/* Read more link */
.more{
	overflow:hidden;
	display:block;
	font-size:90%;
	margin-bottom:5px;
}
.more a, .read-more{
	float:right; padding:0;
	color:#89b624;
}
.more a:hover, .read-more:hover{color:#333}
.more a:after, .read-more:after{
	font-family:FontAwesome;
	content:'\f054';
	color:#333;
	font-size:8px;
	padding-left:5px;
}


/* Title */
.title{margin:0 0 20px 0; display:table; overflow:hidden}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6{
	float:left; display:table-cell;
	white-space:pre;
	margin:0; padding-right:20px;
	line-height:40px;
}
.title h2 { min-height: 40px; }
.title .title-line-container{
	display:table-cell; vertical-align:middle;
	width:100%; height:5px;
	position:relative;
}
.title-line{
	display:block;
	margin-top:5px;
	background:url(images/title-line.png) left center repeat-x;
	width:100%; height:5px;
	position:relative;
	opacity:0.6;
}
.title-line.single{background:none; border-top:1px solid #e7eaec; margin-top:8px}
.title-line.double{background:none; border-top:1px solid #e7eaec; border-bottom:1px solid #e7eaec; height: 4px; margin-top:3px}


/* Page Content */
.page .image, .page .flexslider, .featured-image{margin-bottom:20px}
.float-left .flexslider, .float-right .flexslider{margin-bottom:0}


/* Archive pages */
body.search #posts-container > article{margin-bottom:60px}


/* Post Layout Medium */
.medium-layout .post .image, .medium-layout .post .flexslider{margin-bottom:0}


/* Post Content */
.post{margin-bottom:60px}
.single .post .image, .single .post .flexslider,
.archive .post .image, .archive .post .flexslider{margin-bottom:20px}
.large-post h3.post-title{margin:20px 0 0 0}
.single h3.post-title{margin:0}
.post-content blockquote{
	font-style:italic;
	color:#888;
	border-left:10px solid #9bce29;
	padding:4px 0 4px 18px; margin-left:8px; margin-right:0;
}
.post-content blockquote *:last-child{margin-bottom:0}
.post-content blockquote cite{display:block; font-size:90%; font-weight:bold}
.post-content table{margin-bottom:20px}
.single .post-content{margin-bottom:20px}
.post.sticky{border:1px solid #e7eaec; padding:10px}


/* Post Meta Info */
.meta-info{
	line-height:14px;
	border-top:1px solid #e7eaec; border-bottom:1px solid #e7eaec;
	font-size:90%;
	clear:both; overflow:hidden;
	padding:2px 0; margin:10px 0 12px 0;
}
.meta-info > div{background:#e7eaec; padding:8px 12px}
.meta-info .sep{padding:0px 5px}
.meta-info .alignleft{width:80%}
.meta-info .more{margin:0}


/* Post About Author */
.about-author{margin-bottom:40px; overflow:hidden}
.about-author .title a{color:#89b624}
.about-author div.avatar{
	float:left;
	max-width:80px;
	margin:0 15px 5px 0;
	border:1px solid #e7eaec;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}


/* Post thumbnail images */
.image{position:relative; padding:0; border:0; overflow:hidden}
.image .rollover-contents{
	width:100%; height:100%;
	position:absolute; top:0; left:0;
	text-align:center;
	overflow:hidden;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
 
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.image:hover .rollover-contents{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.no-csstransforms .image .rollover-contents{display:none}
.no-csstransforms .image:hover .rollover-contents{display:block}
#main .image .rollover-contents h4{
	display:block; width:100%;
	padding:10px 0; margin:0;
	background:rgba(255, 255, 255, 0.8);
}
#main .image.small .rollover-contents h4{display:none}
.image .rollover-contents.corners .left-corner{
	background:url(images/left-corner.png) no-repeat bottom left;
	height:30px; width:36px;
	position:absolute; bottom:-5px; left:-8px; z-index:101;
}
.image .rollover-contents.corners .right-corner{
	background:url(images/right-corner.png) no-repeat bottom left;
	height:30px; width:36px;
	position:absolute; bottom:-5px; right:-7px; z-index:101;
}
.image .rollover-contents.corners::before{content:''; background:#fff; height:20px; width:20px; position:absolute; bottom:0px; left:0px; z-index:100}
.image .rollover-contents.corners::after{content:''; background:#fff; height:20px; width:20px; position:absolute; bottom:0px; right:0px; z-index:100}
.image .rollover-contents .rollover-bg{
	background:#9bce29;
	width:101%; height:100%;

	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-o-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);

	-webkit-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.2s;
	-moz-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.2s;
	-o-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.2s;
	-ms-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.2s;
	transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.2s;
}
.image:hover .rollover-contents .rollover-bg{
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-o-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}
.image .rollover-buttons{padding-top:20px}
.image .rollover-buttons a{
	display:inline-block;
	width:30px; height:30px;
	margin-right:10px;
	background:#333;
	line-height:30px;
	text-align:center;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
.image .rollover-buttons a:hover:before{color:#89b624}
.image .rollover-buttons a:last-child{margin-right:0}
.image .rollover-buttons a:before{font-family:'FontAwesome'; font-size:14px; color:#fff}
.image .rollover-buttons a.link-icon:before{content:"\f0c1"}
.image .rollover-buttons a.gallery-icon:before{content:"\f002"}

.image .rollover-buttons a{
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-o-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;

	-webkit-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.4s;
	-moz-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.4s;
	-o-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.4s;
	-ms-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.4s;
	transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.4s;
}
.image .rollover-buttons a.gallery-icon{
	-webkit-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.6s;
	-moz-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.6s;
	-o-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.6s;
	-ms-transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.6s;
	transition:all 0.2s cubic-bezier(0, 1.2, 0.8, 1.2) 0.6s;
}
.image:hover .rollover-buttons a{
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-o-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.image.rollover.placeholder{
	background-color:#e7eaec;
	text-align:center;
	display:table; width:100%;
	height:170px;
}
.image.rollover.placeholder > a{display:table-cell; vertical-align:middle}
.image.rollover.placeholder i{font-size:60px; color:#fff}


/* Related Posts */
.related-posts{margin-bottom:40px}
.related-posts .andalu-carousel div.video, .recent-posts .andalu-carousel iframe{
	width:220px; height:168px;
	margin:0; padding:0;
}


/* Post Pagination */
.pagination, .single-navigation{text-align:left}
.pagination a.number{
	display:inline-block;
	padding:0 6px; margin-right:6px;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.pagination a.number:hover{background-color:#9bce29; color:#fff}
.pagination .current{
	display:inline-block;
	padding:0 6px; margin-right:6px;
	color:#707070;
	background:#e7eaec;
	border:1px solid #888;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.pagination .pagination-prev{margin-right:16px}
.pagination .pagination-next{margin-left:6px}

.single-navigation{margin-bottom:20px}
.single-navigation a[rel=prev]{margin-right:15px}
.single-navigation a[rel=next]{}
.single-navigation a[rel=prev] + a[rel=next]{border-left:1px solid #888; padding-left:15px}
.single-navigation a[rel=prev]:before, .pagination-prev:before{
	font:8px/20px FontAwesome;
	content:'\f053';
	padding-right:5px;
}
.single-navigation a[rel=next]:after, .pagination-next:after{
	font:8px/20px FontAwesome;
	content:'\f054';
	padding-left:5px;
}


/* Post Comments (and contact form) */
.commentlist{list-style:none; margin:0; padding:0;	margin-bottom:20px}
.commentlist .children{list-style:none; padding-left:54px}
.commentlist .children .children .children{padding-left:0}
.commentlist li{margin:0; padding:0}
.commentlist .the-comment{border-bottom:1px solid #e7eaec; padding-bottom:10px; margin-bottom:10px}
.commentlist .the-comment .comment-text *:last-child{margin-bottom:0}
.commentlist div.avatar{float:left; margin-right:10px}
.commentlist .comment-text p{margin:0}
.commentlist .comment-author{color:#707070}
.commentlist .comment-author strong{padding-right:5px}
.commentlist .comment-date{font-size:85%}
.commentlist .comment-reply-link{float:right; font-size:85%}
.commentlist .comment-reply-link a{margin-left:10px; color:#89b624}
.commentlist .comment-reply-link a:hover{color:#333}
.comments-navigation:after{content:""; display:table; clear:both}
.comments-respond-section{margin-top: 40px}
p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-form-rating{float:left; width:32%; margin-right:2%}
p.comment-form-url, p.comment-form-rating{margin-right:0}
p.comment-form-comment{clear:both}
#commentform label{display:none}
#commentform input[type=text], .contact-form input[type=text]{width:100%; padding:8px 10px}
#commentform textarea, .contact-form textarea{
	clear:both;
	width:100%; height:150px;
	padding:8px 10px; margin-bottom:20px;
}
#commentform input[type=submit], .contact-form button{float:right}


/* Project Content */
.project{margin-bottom:60px}
.single .project .image, .single .project .flexslider,
.archive .project .image, .archive .project .flexslider{margin-bottom:20px}
#posts-container.columns-1 .project, #posts-container.columns-2 .project, #posts-container.columns-3 .project, #posts-container.columns-4 .project{
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	padding:1.0416667%; margin:0;
	float:left;
}
#posts-container.columns-1 .project{width:100%}
#posts-container.columns-2 .project{width:50%}
#posts-container.columns-3 .project{width:33.3333%}
#posts-container.columns-4 .project{width:25%}


/* IsoTope CSS3 Transitions */
.isotope, .isotope .isotope-item{
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope{
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
}
.isotope .isotope-item{
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property:-ms-transform, opacity;
	-o-transition-property:top, left, opacity;
	transition-property:transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
}
/* Isotope filtering */
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none; z-index:1}



/* Project Meta Info */
.project-meta-info{
	background:#e7eaec; color:#707070;
	padding:15px 15px 5px 15px;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
.project-meta-info a{color:#707070}
.project-meta-info a:hover{color:#89b624}
.project-meta-info h4{margin-bottom:0}
.project-meta-info .meta-title{
	padding-bottom:10px; margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.project-meta-info .project-link a{font-size:90%; color:#89b624}
.project-meta-info .meta-line{margin-bottom:10px}
.project-meta-info .meta-label{display:inline-block; margin-right:5px; color:#333}


/* FAQ */
.faq{width:100%}


/* Isotope items */
.isotope-container{margin-bottom:40px}
.isotope-container .image{margin-bottom:0}


/* Category Filters */
#category-filters{
	margin:0 1.0416667% 40px 1.0416667%; padding:0;
	display:block;
	background:#e7eaec;
	list-style:none;
}
#category-filters.no-margin{margin:0 0 60px 0}
#category-filters li{display:inline-block; margin:0 10px}
#category-filters a{
	display:inline-block;
	line-height:40px;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
}
#category-filters a.selected{border-color:#9bce29; color:#89b624}


/* Social Share Box */
.share-box{
	border-top:1px solid #e7eaec; border-bottom:1px solid #e7eaec;
	clear:both;
	overflow:hidden;
	padding:2px 0; margin-bottom:40px;
}
.share-box > div{background:#e7eaec}
.share-box h4{
	padding:0 12px; margin:0;
	float:left;
	line-height:40px;
}
.share-box ul{float:right; margin:9px 10px 0 0}
.share-box li{line-height:22px}


/* Social Networks */
.social-networks{list-style:none; margin:0; padding:0}
.social-networks li{display:inline-block; margin:0 5px 0 0}
.social-networks li:last-child{margin-right:0}
.social-networks a:before{font-family:iconsmedium;	font-size:18px; display:inline-block}
.social-networks .facebook a:before{content:'A'}
.social-networks .twitter a:before{content:'B'}
.social-networks .linkedin a:before{content:'C'}
.social-networks .rss a:before{content:'D'}
.social-networks .dribbble a:before{content:'E'}
.social-networks .youtube a:before{content:'F'}
.social-networks .pinterest a:before{content:'G'}
.social-networks .flickr a:before{content:'H'}
.social-networks .vimeo a:before{content:'I'}
.social-networks .tumblr a:before{content:'J'}
.social-networks .google a:before{content:'K'}
.social-networks .digg a:before{content:'L'}
.social-networks .blogger a:before{content:'M'}
.social-networks .myspace a:before{content:'N'}
.social-networks .deviantart a:before{content:'O'}
.social-networks .yahoo a:before{content:'P'}
.social-networks .reddit a:before{content:'Q'}
.social-networks .forrst a:before{content:'R'}
.social-networks .skype a:before{content:'S'}
.social-networks .email a:before{content:'T'}
.social-networks .instagram a:before{content:'U'}


/* Pricing Table */
.pricing-table{margin-bottom:80px}
.pricing-table.joined{
	border:8px solid #ccc;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
.five-columns .pricing-column {width:20%}
.four-columns .pricing-column {width:25%}
.three-columns .pricing-column{width:33.333333%}
.two-columns .pricing-column {width:50%}
.one-columns .pricing-column {width:100%}
.five-columns.separate .pricing-column {width:17.6%; margin-right:3%}
.four-columns.separate .pricing-column {width:22%; margin-right:4%}
.three-columns.separate .pricing-column{width:28%; margin-right:8%}
.two-columns.separate .pricing-column {width:46%; margin-right:8%}
.one-columns.separate .pricing-column {width:100%}
@media only screen and (max-width:800px){
	.pricing-table{border:0}
	.five-columns .pricing-column,
	.four-columns .pricing-column,
	.three-columns .pricing-column,
	.two-columns .pricing-column{width:100%}
}
.pricing-column{float:left;z-index:1;position:relative}
.pricing-column:last-child{margin-right:0 !important}
.pricing-column .color-1, .pricing-column .color-2{color:#333}
.pricing-column .color-1 .pricing-column-heading, .pricing-column .color-2 .pricing-column-heading{background:#e7eaec}
.pricing-column .color-3{background:#cde694; color:#333}
.pricing-table.separate .pricing-column.normal > div{
	border:8px solid #e7eaec;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
.pricing-table.separate .pricing-column.featured .pricing-column-heading{padding-top:8px}
.pricing-column h2{
	text-align:center;
	padding:6px 0; margin:0;
}
.pricing-column h4{
	text-align:center;
	margin:0; padding:10px 0;
}
.pricing-column .currency{
	color:#555;
}
.pricing-column .price-text{
	font-size:150%;
	padding:5px 0 0;
}
.pricing-column .color-3 .price-text{color:#333}
.pricing-column .time-text{
	color:#555;
	opacity:0.6;
}
.pricing-column ul{
	padding:10px 0 0 0; margin:0;
	color:#707070;
	text-align:center; list-style:none;
}
.joined .pricing-column ul{border-right:1px solid #e7eaec}
.pricing-column.normal ul{background:#fff}
.pricing-column:last-child ul{border:0}
.pricing-column li{padding:4px 0}
.pricing-column li img{
	display:inline-block;
	vertical-align:middle;
	margin:0 4px;
}
.pricing-column li.sign-up{padding:20px 0; margin:20px 0 3px 0}
.pricing-column.normal li.sign-up{background:#cde694}
.pricing-column:first-child li.sign-up{margin-left:3px}
.pricing-column:last-child li.sign-up{margin-right:3px}
.pricing-table.separate .pricing-column.normal li.sign-up{margin:20px 3px 3px 3px}
.pricing-column .button.large{
	min-height:34px; line-height:34px; padding:0 20px;
	border:0;
	-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2);
}

.pricing-column.featured{z-index:10; margin-top:-20px}
.pricing-column.featured > div{
	-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
}
.pricing-column.featured ul{color:#333; padding-top:30px; border:0}
.pricing-column.featured li.sign-up{padding-bottom:23px; margin-bottom:0}
.pricing-table.separate .pricing-column.featured li.sign-up{padding-bottom:31px}


/* Contact Page */
.contact-form{margin-top:40px}
.contact-form-map{margin-bottom:40px}
.contact-details i{float:left; display:block; width:20px; line-height:20px}
.contact-details p{margin-bottom:0}
.contact-details .address{margin-left:20px}
.contact-details a{color:#89b624}
.contact-details a:hover{color:#333}


/* Footer */
.footer-area{
	border-top:25px solid #292a2b;
	background:#363636; color:#8c8989;
	padding:30px 10px;
}
.footer-area h4{
	color:#ddd;
	text-transform:uppercase;
	line-height:30px;
	font-style:italic;
}
.footer-area .columns{margin:0}
.footer-widget-col{margin-bottom:20px}
.footer-widget-col:last-child{margin-bottom:0}
.footer-area ul{list-style:none; margin:0; padding:0}
.footer-area ul li{
	padding-bottom:10px; margin-bottom:9px;
	border-bottom:1px dashed #555;
}
.footer-area ul li:last-child{padding-bottom:20px; margin-bottom:0; border:0}
.footer-area a{color:#bfbfbf}
.footer-area ul li a:hover{color:#89b624}
#footer{
	padding:12px 10px;
	background:#5e5e5e;
	border-top:1px solid #818181;
	text-align:center;
}
#footer .copyright{color:#292a2b; font-size:90%}
#footer .copyright a{color:#89b624}
#footer .copyright a:hover{text-decoration:underline}
#footer .social-networks li{margin-bottom:5px}
#footer .social-networks a:before{
	color:#e6e7e8;
	font-size:20px;
	line-height:30px; min-width:30px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#footer .social-networks a:hover:before{color:#292a2b; background-color:#9bce29}


/* Alert boxes
---------------------------------------- */
.alert-box, .wpcf7-response-output {
  padding: 20px 20px 20px 90px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: .91em;
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
.error-box, .wpcf7-mail-sent-ng {
  border-color: #ff9999;
  color: #c31b00;
  background: url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
  border-color: #e6c555;
  color: #9e660d;
  background: url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
  border-color: #68a2cf;
  color: #2e6093;
  background: url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box, .wpcf7-mail-sent-ok {
  border-color: #a3c159;
  color: #5e6f33;
  background: url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Forms
---------------------------------------- */
/* Form defaults */
div.grid_4 input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  font-weight: normal;
  border: 1px solid #dbdbdb;
  outline: none;
}
div.grid_4 input[type="text"], textarea {
  background: #fff;
  border: 1px solid #bebebe;
  padding: 8px 10px;
}
div.grid_4 input[type="submit"], input[type="reset"] {
  display: inline-block;
  padding: 0 13px;
  color: #ffffff;
  font-size: 12px;
  line-height: 31px;
  height: 31px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  margin: 0 4px 4px 0;
  border: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
div.grid_4 input[type="submit"]:hover, input[type="reset"]:hover {
  background: #4a84ec;
  color: #ffffff;
}
/* Comment form */
#commentform {
  overflow: hidden;
}
#commentform p.field {
  margin-bottom: 14px;
}
#commentform label {
  display: block;
}
#commentform input[type="text"] {
  width: 150px;
}
#commentform textarea {
  width: 430px;
  max-width: 430px;
  min-width: 430px;
  height: 175px;
  min-height: 175px;
  overflow: auto;
}
/* Contact form */
.wpcf7-form p.field {
  margin-bottom: 9px;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.wpcf7-form p.field input {
  width: 274px;
}
.wpcf7-form p.field small {
  color: red;
}
.wpcf7-form textarea {
  width: 574px;
  max-width: 574px;
  min-width: 274px;
  height: 100px;
  min-height: 100px;
  overflow: auto;
  margin-bottom: 17px;
}
.wpcf7-form .submit-wrap {
  padding: 0;
  margin: 0;
}
span.wpcf7-form-control-wrap {

}

span.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-not-valid-tip {
  width: 284px !important;
  position: relative;
  left: 0 !important;
  top: 0 !important;
  padding: 5px 0 5px 10px !important;
  background: #f3b7b7 !important;
  color: red !important;
  border: 1px solid red !important;
}
div.wpcf7-response-output {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Sidebar search form */
#searchform .searching {
  width: 235px;
  margin: 0 0 19px 0;
}
/* Fluid Columns */
.one_half {
  width: 48%;
}
.one_third {
  width: 30.66%;
}
.two_third {
  width: 65.33%;
}
.one_fourth {
  width: 22%;
}
.three_fourth {
  width: 74%;
}
.one_fifth {
  width: 16.8%;
}
.two_fifth {
  width: 37.6%;
}
.three_fifth {
  width: 58.4%;
}
.four_fifth {
  width: 79.2%;
}
.one_sixth {
  width: 13.33%;
}
.five_sixth {
  width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  position: relative;
  margin-right: 4%;
  float: left;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
}
.wrapper {
  width: 100%;
  overflow: hidden;
}
.extra-wrap {
  overflow: hidden;
}
/* Clear Floated Elements */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}


#Etape1,
#Etape2,
#Etape3
#Etape4{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	
}

#Etape1 input,
#Etape2 input,
#Etape4 input{
font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	height: 30px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}


#Etape3 input{
font-family:Arial,Helvetica,Verdana,sans-serif;
	width:80px;
	font-size: 14px;
	height: 30px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
#Etape1 input:focus,
#Etape2 input:focus,
#Etape3 input:focus,
#Etape4 input:focus,
textarea:focus {
	color: #373737;
}

#Etape1 select,
#Etape2 select{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#000;
	font-size:14px;
	width:140px;
	border:1px solid #999999;
	
	
}

#Etape4 select{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#000;
	font-size:14px;
	border:1px solid #999999;

}
#Etape4 .montantcours{
font-family:Arial,Helvetica,Verdana,sans-serif;
	width:60px;
	font-size: 14px;
	height: 30px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
#Etape4 .soldecours{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#000;
	font-size:14px;
	border:1px solid #999999;
		font-weight:bold;
		width:50px;
}


#Etape4 select{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#616161;
	font-size:12px;
	border:1px solid #999999;
		font-weight:bold;
}

#Etape1 table,
{
	margin-left:0px;
	margin-top:15px;
	width:700px;		
}
#Etape2 table,
#Etape3 table,
#Etape4 table{
	margin-left:0px;
	margin-top:15px;

}

#Etape1 td,
#Etape2 td{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#4E4E4E;
	width:auto;
	padding:5px 0 5px 5px;
		
}

#Etape3 td{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	padding:0px 4px 5px 0px;
	text-align:center;
	font-size:12px;
	color:#4E4E4E;
	
}

#Etape4 td{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0px 4px 5px 0px;
	
	font-size:12px;
	color:#4E4E4E;
}
#Etape1 td.intitule_table,
#Etape2 td.intitule_table,
#Etape3 td.intitule_table,
#Etape4 td.intitule_table{
font-family: Arial,Helvetica,Verdana,sans-serif;
width:auto;
	font-size:12px;
	color:#4E4E4E;
	background-color:#bbdeec;
padding:5px 0px 5px 0px;
}
#Etape1 td.intitule_co,
#Etape2 td.intitule_co,
#Etape3 td.intitule_co{
	font-family: Arial,Helvetica,Verdana,sans-serif;

	color:#4E4E4E;
	background-color:#e2f1f7;
padding:5px 0 5px 5px;
	width:auto;
}
#Etape1 td.aideSaisie{
font-family: Arial,Helvetica,Verdana,sans-serif;
	color:#FF0000;
	font-size:10px;
}
#Etape2 td.aideSaisie2{
font-family: Arial,Helvetica,Verdana,sans-serif;
	color:#FF0000;
	font-size:10px;
}
#DHTMLgoodies_formTooltipDiv{
	color:#FFF;


	font-family:arial;
	font-weight:bold;
	font-size:0.8em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:0.7em;

}
table#menuform{
	width:100%;	
}
table#menuformautre{
	width:100%;	
}
table#menuform .milieuform{

	background-color:#999999;
}
table#menuform .droiteform{
	width:185px;

	

}
table#menuform .gaucheform{
	width:185px;
	
	
}
table#menuform .gaucheform input[type="button"] {
	width:164px;
	font-family:Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 6px 13px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  margin: auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}
table#menuform .gaucheform input[type="button"]:hover{
  background: #4a84ec;
  color: #ffffff;
}
table#menuform .droiteform input[type="submit"] {
	width:164px;
	font-family:Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 6px 13px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  margin: auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  vertical-align:middle;
	text-align:center;
 
}
table#menuform .droiteform input[type="submit"]:hover{
  background: #4a84ec;
  color: #ffffff;
}

table#menuform td{
background-color:#3e8bd7;
	color:#FFFFFF;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	cursor:pointer;


	

}

table#menuformautre .milieuform{

	background-color:#999999;
}
table#menuformautre .droiteform{
	width:185px;

	

}
table#menuformautre .gaucheform{
	width:185px;
	
	
}
table#menuformautre .gaucheform input[type="button"] {
	width:164px;
	font-family:Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 6px 13px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  margin: auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}
table#menuformautre .gaucheform input[type="button"]:hover{
  background: #4a84ec;
  color: #ffffff;
}
table#menuformautre .droiteform input[type="submit"] {
	width:164px;
	font-family:Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 6px 13px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  margin: auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background: #343434;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #444444));
  background: -ms-linear-gradient(bottom, #232323, #444444);
  background: -moz-linear-gradient(center bottom, #232323 0%, #444444 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  vertical-align:middle;
	text-align:center;
 
}
table#menuformautre .droiteform input[type="submit"]:hover{
  background: #4a84ec;
  color: #ffffff;
}

table#menuformautre td{
background-color:#3e8bd7;
	color:#FFFFFF;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	cursor:pointer;


	

}

table#etapes td{
	background-color:#3d7ae8;
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
table#etapes .recapmont{
	width:226px;
	height:40px;
	background-color:#3d7ae8;
	color:#FFFFFF;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	display:none;
	text-align:center;
	vertical-align: middle;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

table#etapes{
	margin-left:1px;
	width:100%;
	
}
table#etapesautre td{
	background-color:#3d7ae8;
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
table#etapesautre .recapmont{
	width:226px;
	height:40px;
	background-color:#3d7ae8;
	color:#FFFFFF;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	display:none;
	text-align:center;
	vertical-align: middle;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
table#etapesautre{
	margin-left:1px;
	width:100%;
	
}

.etapeSuivante{
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background-color:#666666;
	width:900px;
	padding:5px 5px 5px 5px;
	text-align:right;
}
.etapeprecedent {
	float:  left;

}
.etapesuivant1 {
	float: right;

}
.etapesuivant2 {
	float: right;

}
.etapeSuivante span{
	cursor:pointer;
		
}

INPUT.inputBorder{
border:1px solid #FF0000;
}

INPUT.inputNoBorder{
border:1px solid #999999;
}


#content{
	
}

#content_left{
width:694px;	
margin-left:0px;


}

#repeat_content_left{
width:694px;	


margin-top:6px;

}

#content_bottom_left{

	width:694px;
	height:25px;
	
}
.puce{
font-family:Arial, Verdana;
color:#333333;
font-size:15px;
font-weight:bold;
background:url(images/puce.gif) no-repeat left center;
padding-left:20px;
}



td.butcre{
font-family:Arial, Verdana;
color:#4ebbd8;
font-size:15px;
font-weight:bold;
padding-left:20px;
}
.pictoDroit{
margin-right: 40px;	
}

.blocOffreSimulateurFooter{
position:relative;
height: 37px;
margin-top: 5px;
}




/***************************************
* demande 2
**************************/

#two-column{
	width: 900px;
}
#two-column #left{
	width: 300px;
	float: left;
}
#two-column #right{
	background-color:#cad9f9;
	width: 300px;
	float: left;
}
#two-column #righttrois{
	width: 300px;
	float: right;
	background-color:#FFF;
	
}
#two-column .titrecol{
	font-size:18px;
	text-align:center;
	
	
}
#two-column #righttrois p{
	padding:3px 0 14px 0;
}
#two-column #righttrois p span{
	font-size:13px;
}
#two-column #righttrois .flecheaide{
background:url(jssimu/flecheaide.png);
	background-repeat: no-repeat;
	background-position: left;
	height:20px;
}

#two-column #righttrois .flecheaide span {
	
	margin:0 0 0 50px;
}
#two-column #righttrois .flechechom{
background:url(jssimu/flecheaide.png);
	background-repeat: no-repeat;
	background-position: left;
	height:20px;
	padding-top:40px;
}
#two-column #righttrois .flechechom span {
	
	margin:0 0 0 50px;
}
#two-column p{
	margin-bottom: 12px;
}
#two-column input[type="text"]{
	border:none;
	border:1px solid #000;
	font-size :14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	padding: 5px;
}
#two-column input[type="tel"]{
	border:none;
	border:1px solid #000;
	font-size :14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 120px;
	padding: 5px;
}
#two-column input[type="email"]{
	border:none;
	border:1px solid #000;
	font-size :14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 240px;
	padding: 5px;
}
#two-column input[type="number"]{
	border:none;
	border:1px solid #000;
	font-size :14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	padding: 5px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
	width:240px;
}
#two-column textarea {
    position: relative;
    padding: 5px;
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 540px;
}

#two-column select{
	border:none;
	border:1px solid #000;
	font-size :14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	padding: 5px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus{
	background: #eee;
}

/***************************************
* SIMULATEUR DHTML
**************************/
#centre2 {

margin-left: 20px;
margin-right: 5px;
}
#centre3 {
font-size:11px;
margin-left: 20px;
margin-right: 5px;
}

.txt14 { font-size:14px; margin-right: 3px;}
.rel { position:relative; margin-top:-143px; }
.relhome { position:relative;}
.abso { overflow: hidden;position:absolute;}
.abso input{ position:absolute;}
.ppsimtabdev {margin:142px auto 0px auto; float: left; background-color:#528cf0;}
.ppsimtab {padding:0px;position:relative;clear: both;}
.ppsimtab td{font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.ppsimtabsous {margin:142px auto 0px auto; font-size:13px; color:#390; font-weight:bold}


.bgGrise { background-color:#E4E2DE;}
.bgGris { background-color:#D4D0C8;/**/}
#blocVotreProjet .contenuBloc {width:170px; height:247px; color:#336699;background:#E4E9F3 url(jssimu/bleu_arrondi_bas.gif) no-repeat bottom left;}
#blocVotreProjet .simulateur {
width:170px; height:227px;
}
#blocVotreProjet .simulateurnl {
width:170px; height:227px;
}
.gras {font-weight:bold;}
.hand {cursor:pointer;}
.blanbleu { color:#4674A2;}
.accblanc1 { color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; left:37px; width:45px;line-height:16px; height:16px; padding:0px 3px;}
.cashblanc { color:#FFFFFF; font-weight:bold; text-align:center; top:67px; width:50px;line-height:18px; height:18px;}
.simulbarre {width:3px; height:10px; top:60px; background:url(jssimu/barre_simu_dc_part.gif) no-repeat top left; }
.simulbarrehautPAT {width:1px; height:12px; top:90px; background:url(jssimu/barre_simu_pat_part.gif) no-repeat top left; }
.simulbarrebasPAT {width:1px; height:12px; top:120px; background:url(jssimu/barre_simu_pat_part.gif) no-repeat top left; }
.simblanc { color:#FFFFFF; font-weight:bold; font-size:11px; font-family: Arial, Helvetica, sans-serif; text-align:center; top:25px; width:45px;line-height:18px; height:18px;}
.simblanc2 { color:#FFFFFF; font-weight:bold; font-size:11px; font-family: Arial, Helvetica, sans-serif; text-align:center; top:75px; width:45px;line-height:18px; height:18px;}
.persoblanc1 { color:#FFFFFF; font-weight:bold; text-align:center; font-family: Arial, Helvetica, sans-serif;top:75px; width:45px;line-height:16px; height:16px;}
.persoblanc2 { color:#FFFFFF; font-weight:bold; text-align:center; top:131px; width:45px;line-height:16px; height:16px;}
.persoblanc3 { padding-top:5px; color:#FFFFFF;  font-size:11px; text-align:center; top:223px; width:50px;line-height:13px; height:46px;}
.blanorange { background-color:#FFFFFF; color:#FF7E00;}/*background-color:#FFFFFF; */
.inputDisabled {background-color:#AAAAAA;}

.messageErreurSite { padding-left:20px; color:#ff0000;font-size:16px}
/******************************************
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  
}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */