/*-----------------------------------------------------------------------------------

	Theme Name: Scrolio
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: Base

	0.	CSS Reset 
	1.	Global (body, page sructure, common classes)
	2.	Header & Navigation
	3.	Logo & Slider
	4.  About
	5.  Portfolio
	6.  Services
	7.  Testimonials
	8.  Contact
	11. Footer
	12. Typography
	13. Buttons
	14. Progress Bars
	15. Lists	
	16. Forms
	17. Icons
	18. Back to top
	19. Theme Colors

-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
/*--------------------------------------------
Global
---------------------------------------------*/
body {
	font-size: 13px;
	font-family: "Helvetica Neue", helvetica, sans-serif;
	background: #f1f1f1;
}
	body.linen,
	body.linen header { background: url('../images/backgrounds/light-linen.png') repeat top left; }
	body.noise,
	body.noise header { background: url('../images/backgrounds/light-noise.png') repeat top left; }
	body.stripe,
	body.stripe header { background: url('../images/backgrounds/light-stripe.png') repeat top left; }
.container { 
	width: 850px; 
	margin: 0 auto; 
}

strong { font-weight: bold; }

section#pages { }
	section#pages .page {
		margin-bottom: 60px;
	}
	section#pages .page.last { margin-bottom: 0; }
		section#pages .page .heading {
			overflow: hidden;
			border-bottom: 1px solid #c8c8c8;
			padding-bottom: 10px;
		}
			section#pages .page .heading .titre {
				float: left;
			}
			section#pages .page .heading span {
				float: right;
				padding-top: 10px;
				color: #666666;
				font-family: 'Varela Round', sans-serif;
				font-size: 17px;
			}
			
		
		section#pages .page .content {
			border-top: 1px solid #fafafa;
			padding-top: 25px;
			overflow: hidden;
		}
	section#intro .box {
		background-color: #fff;
		border: 1px solid #d4d4d4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 1px 4px #ddd;
		-moz-box-shadow: 0px 1px 4px #ddd;
		box-shadow: 0px 1px 4px #ddd;
	}
		section#intro .box .inner { padding: 15px; }
		
.faq {
				color: #9f9f9f;
				font-family: 'Varela Round', sans-serif;
				font-size: 15px;
			}
/*--------------------------------------------
2. Header & Navigation
---------------------------------------------*/
header {
	height: 58px;
	border-bottom: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
}
	/* Main Navigation */
	header .select-menu { display: none; }
	header nav { position: relative; }
	header nav ul {
		list-style: none;
		float: left;
		padding: 20px 0px 0px 10px;
	}
		header nav ul li {
			float: left;
			margin-right: 8px;
			position: relative;
		}		
			header nav ul li .divider { color: #aaa; }
			header nav ul li a{
				color: #888;
				font-size: 12px;
				text-decoration: none;
				margin-right: 8px;
				-webkit-transition:color 0.2s ease-in;  
		    -moz-transition:color 0.2s ease-in;  
		    -o-transition:color 0.2s ease-in;  
		    transition:color 0.2s ease-in;
			}
			header nav ul li a:hover { color: #444; }
			header nav ul li.current a{ font-weight: bold; }
			header nav span.arrow {
				width: 24px;
				height: 13px;
				background: url('../images/light-nav_arrow.png') no-repeat;
				display: none;
				position: absolute;
				top: 58px;
			}
	header nav select {
		float: left;
		margin: 17px 10px 0px 0px;
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	  border: 1px solid #ccc;
	  color: #555;
		font-size: 13px;
	  padding: 3px 3px 3px 5px;
		width: 115px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

 .tel {
				float: right;
		padding: 20px 0px 0px 10px;
				color: #333;
				font-family: 'Varela Round', sans-serif;
				font-size: 17px;
			}

	
	
	
	
/*--------------------------------------------
3. Logo & Slider
---------------------------------------------*/
section#intro {
	margin: 0px auto 35px auto;
	padding-top: 100px;
}
	section#intro .logo {
		overflow: hidden;
		margin-bottom: 35px;
	}
	section#intro .logo.centered { text-align: center; }
		section#intro .logo img{
			float: left;
			margin-right: 30px;
		}
		section#intro .logo.centered img{ float: none; margin: 0; }
		section#intro .logo h1 {
			font-size: 50px;
			color : #555;
		}
		section#intro .logo span.tagline {
			font-family: 'Varela Round', sans-serif;
			font-size: 20px;
			color: #888;
		}
	section#intro .slider {
		background: rgba(0,0,0,0.1);
		width: 100%;
		height: 330px;
	}

/*--------------------------------------------
4. About
---------------------------------------------*/
section#pages #particuliers.page .content{
	overflow: visible;
}

section#pages #professionnels.page .content{
	overflow: visible;
}

section#intro .bio {
	width: 100%;
	float: left;
	margin: 30px 0 15px;
}
section#intro .bio img {
		float: left;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 0px 20px 5px 0px;
		border: 1px solid rgba(0,0,0,0.05);
	}
section#intro .bio p {

	}
	
section#intro .bio ul li {
		margin-left: 0px;
  	color: #666666;
  	list-style-type : none;
  		margin-top : 5px;
	}
	
/*--------------------------------------------
5. Portfolio
---------------------------------------------*/
.gallerie {
	overflow: hidden;
	margin-bottom: 25px;
}


.pennarbed {
	width: 100%;
	float: left;
	margin: 0px 0 15px;
}

.pennarbed img {
		float: left;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 0px 20px 5px 0px;
		border: 1px solid rgba(0,0,0,0.05);
	}

.pennarbed p {
		margin-bottom: 15px;
	}
	

.pennarbed ul li {
		margin-left: 0px;
  	color: #666666;
  	list-style-type : none;
	}
	/*--------------------------------------------
6. Services
---------------------------------------------*/
section#intro .services div.box {
	overflow: hidden;
	margin-bottom: 35px;
}
section#intro .services .box_heading {
		margin-bottom: 15px;
	}
section#intro .services .box_heading .icon {
			float: left;
			margin-right: 10px;
			font-size: 27px;
			padding-bottom: 8px;
		}
section#intro .services .box_heading h6 {
			padding-top: 10px;
		}
section#intro .services div.box p {
		margin-bottom: 15px;
	}		

/*--------------------------------------------
8. Contact
---------------------------------------------*/
div#contact_form {
	float: left;
	width: 350px;
}
div#contact_form input[type="text"],
div#contact_form input[type="email"] {
	margin-bottom: 13px;
}
div#contact_form textarea {
	height: 115px;
	margin-bottom: 13px;
}
div#contact_form input[type="submit"] {
	float: right;
	margin-right: -25px;
	margin-bottom: 7px;
}
div#contact_form .error {
	border-color: #E01C46;
}
div#contact_form .validation,
div#contact_form .success {
	display: none;
	font-size: 12px;
	margin-bottom: 20px;
}
	div#contact_form .validation p  { color: #e01c46; }
	div#contact_form .success p	    { color: #65cf82; }
/* Map */
div#map {
	width: 430px;
	float: right;
	margin-right: 5px;
}
	div#map address {
		font-size: 13px;
		line-height: 20px;
		font-style: normal;
		color: #777;
	}
		div#map address .icon {
			font-size: 12px;
			margin-right: 5px;
		}
	div#map .map_canvas {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid rgba(0,0,0,0.15);
		border-bottom: 0;
	}
/*--------------------------------------------
11. Footer
---------------------------------------------*/
footer {
	clear: both;
	padding-top: 40px;
	text-align: center;
	cursor: default;
	padding-bottom: 30px;
}
	footer p {
		color: #aaa;
		font-size: 11px;
		padding: 4px 8px 4px 8px;
		background: #f7f7f7;
		background: rgba(0,0,0,0.05);
		display: inline;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -o-transition:color 0.2s ease-in, background 0.2s ease-in;  
    transition:color 0.2s ease-in, background 0.2s ease-in;
	}
	footer p:hover {
		background: #f1f1f1;
		background: rgba(0,0,0,0.06);
		color: #888;
	}
/*--------------------------------------------
12. Typography
---------------------------------------------*/
h1,h2,h3,h4,h5,h6, .menu-2 { font-weight: normal; font-family: 'Varela Round', sans-serif; }

h1 {
	color: #252525;
	font-size: 35px;
}

section#pages .page .heading .titre{
	color: #252525;
	font-size: 22px;
	padding : 0px;
	margin : 0px;
}

h2 {
	font-size: 15px;
	font-family: 'Varela Round', sans-serif;
}

.bio h2 {
	font-size: 18px;
	font-family: 'Varela Round', sans-serif;
	color: #5a9fcd;
	margin-top : 5px;
	
}

h3 {
	font-size: 13px;
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-weight : bold;
	margin : 10px 0 0 0;
	padding:0;
}

h4 {
	font-size: 16px;
	margin : 0px;
}

h5 {
	font-size: 13px;
	margin : 0px;
}

.menu-2 {
	font-size: 18px;
	color: #252525;
}
p {
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
a {
	outline: none;
}
b {
	color: #444;
}
.tipsy { line-height: 17px; }
/* Blockquotes */
blockquote, blockquote p { 
	font-size: 15px; 
	line-height: 24px; 
	color: #777; 
	font-style: italic; 
}
blockquote { 
	margin: 0 0 10px; 
	padding: 3px 20px 3px 19px; 
	border-left: 1px solid #ccc; 
}
	blockquote cite { 
		display: block; 
		font-size: 11px;
		color: #888; 
	}
		blockquote cite:before { 
			content: "\2014 \0020"; 
		}
		blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* Columns */
div.column_last { margin-right: 0 !important; }
div.full { margin-bottom: 25px; }
div.one_half, div.one_third, div.two_third, 
div.three_fourth, div.one_fourth, div.two_thirds {
	float: left;
	margin-right: 4%;
	margin-bottom: 25px;
}
div.one_half    { width: 48%; }
div.one_third   { width: 30.42%; }
div.two_thirds  { width: 65%; }
div.one_fourth  { width: 22%; }
div.full h1,div.full .titre,div.full h3,
div.full h4, div.full h6 { 
	margin-bottom: 15px;
}

div.one_fourth img{float : left;}
/*--------------------------------------------
13. Buttons
---------------------------------------------*/
.button {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:active {
	-webkit-box-shadow: inset 0px 0px 3px #333;
	-moz-box-shadow: inset 0px 0px 3px #333;
	box-shadow: inset 0px 0px 3px #333;
}
.button:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 3px #bbb;
	-moz-box-shadow: 0px 0px 3px #bbb;
	box-shadow: 0px 0px 3px #bbb;
}
.button.white {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-color: #dedede #d8d8d8 #d3d3d3;
	color: #555;
	text-shadow: 0 1px 0 #fff;
}
.button.white a { color: #555 }
.button.gray {
  background: #cacaca; /* Old browsers */
	background: -moz-linear-gradient(top,  #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* IE10+ */
	background: linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */
  border-color: #b5b5b5 #a1a1a1 #8f8f8f;
  color: #555;
  text-shadow: 0 1px 0 #d4d4d4;
}
.button.gray a { color: #555 }
.button.pink {
  background: #f78297; /* Old browsers */
	background: -moz-linear-gradient(top,  #f78297 0%, #f56778 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f78297 0%,#f56778 100%); /* IE10+ */
	background: linear-gradient(top,  #f78297 0%,#f56778 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */
  border-color: #df6f8b #da5f75 #d55061;
  color: #913944;
  text-shadow: 0 1px 0 #f89ca9;
}
.button.pink a { color: #913944 }
.button.orange {
  background: #f9bc70; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9bc70 0%, #d8b541 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* IE10+ */
	background: linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 ); /* IE6-9 */
  border-color: #f5b74e #e5a73e #d6982f;
  color: #996633;
  text-shadow: 0 1px 0 #fedd9b;
}
.button.orange a { color: #996633 }
.button.green {
  background: #cae285; /* Old browsers */
	background: -moz-linear-gradient(top,  #cae285 0%, #9fcb57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* IE10+ */
	background: linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */
  border-color: #adc671 #98b65b #87aa4a;
  color: #5d7731;
  text-shadow: 0 1px 0 #cfe5a4;
}
.button.green a { color: #5d7731 }
.button.blue {
	background: #a3bced; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
	background: linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
	border-color: #8dc5da #76b7cf #63abc7;
	text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }
.button.purple {
	background: #d1badb; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1badb 0%, #ba8ecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1badb), color-stop(100%,#ba8ecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* IE10+ */
	background: linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc',GradientType=0 ); /* IE6-9 */
	border-color: #bc9db9 #ad89aa #a1799d;
	color: #7b5777;
	text-shadow: 0 1px 0 #eacae6;
}
.button.purple a { color: #7b5777 }
.button.black {
	background: #616161; /* Old browsers */
	background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #616161 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(top,  #616161 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 0 #2e2e2e;
}
.button.black a { color: #fff }

/*--------------------------------------------
15. Lists
---------------------------------------------*/

div.toggle_list {
	margin-bottom: 25px;
}
	div.toggle_list ul {
		list-style: none;
	}
		div.toggle_list ul li {
			margin-bottom: 10px;
		}
			div.toggle_list ul li div.title {
				background: #f0f0f0;
				border: 1px solid #ddd;
				padding: 10px;
				cursor: pointer;
				position: relative;
			}
				div.toggle_list ul li div.title h3 { margin: 0; color: #4b4b4b; font-size: 13px; }
				div.toggle_list ul li .title h3 span { color: #1c9eda; padding-right: 8px; font-weight: bold; }
				div.toggle_list ul li div.title a.toggle_link {
					position: absolute;
					top: 5px;
					right: 13px;
					color: #868686;
					font-weight: bold;
					font-size: 19px;
					text-decoration: none;
				}
			div.toggle_list ul li div.content {
				background: #fbfbfb;
				border: 1px solid #e5e5e5;
				border-top: none;				
				padding: 10px !important;
				display: none;
			}
		div.toggle_list ul li div.content p { margin-bottom: 15px; font-size: 12px; }
		div.toggle_list ul li div.content p:last-child { margin-bottom: 0; }
		div.toggle_list  .icon{color: #5a9fcd; font-size :12px; padding-right : 5px;}
		
div.tabs { margin-bottom: 20px; }
	div.tabs ul.nav {
	  list-style: none;
	  overflow: hidden;
	  position: relative;
	  z-index: 2;
	}
		div.tabs ul.nav li {
		  float: left;
		  margin-right: 2px;
		}
		div.tabs ul.nav li a {
		  background: #F0F0F0;
		  border: 1px solid #ddd;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  color: #5e99b4;
		  display: block;
		  font-size: 14px;
		  font-weight: bold;
		  padding: 8px 25px;
		  text-decoration: none;
		}
		div.tabs ul.nav li.current a {
		  background: #FBFBFB;
		  border-width: 1px solid #ddd;
			border-bottom: none;
		  color: #424242;
		  padding-bottom: 9px;
		}
		div.tabs .pane {
		  background: #FBFBFB;
		  border: 1px solid #ddd;
		  margin-top: -1px;
		  padding: 15px;
		  position: relative;
		  z-index: 1;
			display: none;
		}
		
			div.tabs .pane ul li {
		margin-left: 10px;
  	color: #666666;
  	list-style-type : none;
  	margin : 4px 0 4px 10px;
	}
	
	div.tabs .icon{color: #5a9fcd; font-size :12px; padding-right : 5px;}
	div.tabs p{	padding-top : 10px;}
/*--------------------------------------------
16. Forms
---------------------------------------------*/
input,textarea {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
}
input[type="text"],
input[type="email"] {
	border: 1px solid #cfd0d0;
	padding: 8px 12px 8px 12px;
	width: 100%;
	color: #555;
	background: #fff;
}
	input[type="text"]:focus,
	input[type="email"]:focus { padding-bottom: 8px; }
textarea {
	padding: 8px;
	border: 1px solid #cfd0d0;
	color: #555;
	resize: vertical;
	background: #fff;
	width: 102%;
}
form p { position: relative; }
label { 
	position: absolute; 
	top: 7px !important; 
	left: 13px !important; 
	color: #aaa;
	font-weight: normal;
}
label.textarea {
	top: 10px !important;
	left: 13px !important;
}
:-moz-placeholder {
	color: #333333 !important;
	font-weight: bold;
}
:-webkit-input-placeholder {
	color: #333333 !important;
}
img { border: none; }
.clear { clear: both; }
/*--------------------------------------------
17. Icons
---------------------------------------------*/
.icon { cursor: default; font-size: 18px; line-height: 1; color: #666; }


/* Icons General */
@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('../fonts/foundation-icons-general.eot');
  src: url('../fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('../fonts/foundation-icons-general.woff') format('woff'),
       url('../fonts/foundation-icons-general.ttf') format('truetype'),
       url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon.general { font-family: "FoundationIconsGeneral"; }
/* Foundation Icons General Enclosed */
@font-face {
    font-family: 'FoundationIconsGeneralEnclosed';
    src: url('../fonts/foundation-icons-general-enclosed.eot');
    src: url('../fonts/foundation-icons-general-enclosed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foundation-icons-general-enclosed.woff') format('woff'),
         url('../fonts/foundation-icons-general-enclosed.ttf') format('truetype'),
         url('../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon.general-enclosed { font-family: "FoundationIconsGeneralEnclosed"; }
/* Icons Social */
@font-face {
    font-family: 'FoundationIconsSocial';
    src: url('../fonts/foundation-icons-social.eot');
    src: url('../fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foundation-icons-social.woff') format('woff'),
         url('../fonts/foundation-icons-social.ttf') format('truetype'),
         url('../fonts/foundation-icons-social.svg#FoundationIconsSocial') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon.social { font-family: "FoundationIconsSocial"; }
/*--------------------------------------------
18. Back to top
---------------------------------------------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:25px;
	right:25px;
	overflow:hidden;
	width: 55px;
	height: 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dadada;
	font-family: 'FoundationIconsGeneral';
	text-align: center;
	font-size: 20px;
	line-height: 43px;
	background: #fff;
	color: #666;
	-webkit-transition:all 0.2s ease-in;  
  -moz-transition:all 0.2s ease-in;  
  -o-transition:all 0.2s ease-in;  
  transition:all 0.2s ease-in;
}
/*--------------------------------------------
19. Theme Colors
---------------------------------------------*/
/* Active Nav Link */
header nav ul li.current a  					 { color: #5a9fcd; }
/* Slider Description Heading */
.flexslider .slides li .description .titre { color: #5a9fcd; }
/* Active Portfolio Filter */
ul.filter_list li.current a 				   { color: #5a9fcd; }
/* Services Icons */
div.services .box_heading .icon 			 { color: #5a9fcd; }
/* Testimonial Author */
div.testimonial span 									 { color: #5a9fcd; }
/* Links */
a 																		 { color: #5a9fcd; }
a:hover																 { color: #5a9fcd; }
/* Back to top hover */
#toTop:hover 													 { color: #5a9fcd; }