/*

Author: abirato.com

*/

@charset "utf-8";
/* CSS Document */

html,body{background: #FFF;
	height:100%;
	max-height:100%;	
	font-family: 'Quicksand', sans-serif; 
}

/*abirato.com*/
a:link, a:visited {color: #FFF;text-decoration:none;}
a:hover, a:active {color: #f6b018;text-decoration:none;}

h1, h2, h3 {margin:0;padding:0;font-family: 'Quicksand', sans-serif; } h1 {font-size:2em;} h2 {font-size:1.75em;} h3 {font-size:1.5em;}
hr {border:0; 	border-bottom: 1px solid #e4e4e4;	margin:10px 0;	width:100%; }

.bold {font-weight:bold;}
.clear {clear:both;}
.left {display:inline;float:left;}
.right {display:inline;float:right;}
.center {text-align:center;}
.white {
	color:#FFF;
}
h2 white a:link, h2 white a:visited {
	color:#FFF;
}
h2 white a:hover {
	color: #f6b018;
}
.font {
	font-family: 'Quicksand', sans-serif; 
}

a img, :link img, :visited img {border:0;cursor:pointer;}
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object, p {padding:0;margin:0;border: 0px solid #FFF;
}
:focus {outline:0;}
:link,:visited {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;line-height:1.2em;} 


#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 0px;
}

.float-right{
	float: right;
	margin: 0 0px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

/* Nav */
.menu {text-align: center;	background: #000000;	
 margin-right: auto;  width: 100%; 
				list-style:none; position:fixed; z-index: 9999;}
.menu_home {text-align: center; margin-left: 18%;
 margin-right: auto; margin-top: 5px;
	 padding-top:5px;
	background: #000000;			list-style:none;color:#FFF;	}
.menu li, .menu_home li {text-align: center; background: #000000;	float:left;	padding-right:18px;	height:27px;}
.menu li a, .menu_home li a {text-align: center;	font-size: 15px;	color: #ffffff;	line-height: 27px; text-decoration:none;
}
.menu li a:hover, #macitve, .menu_home li a:hover {text-align: center;  color:#7e7b7d;text-decoration:none;}

/* Nav
*****************************************************************/
#nav{text-align: center;
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 999;
}

#nav li{
	margin: 0 0 15px 0;	
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: orange;
	border: solid 2px white;
}

#nav li a:hover {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: white;
	border: solid 2px white;
}

#nav li a.current {
	background-color: #FFF;
}
	


#header, #intro, #second{
	width: 100%;
}

/* introparallax */




#Parallax {background: url(http://www.abirato.com/images/background4.jpg) no-repeat center 10px #fff;
	background-color: #fff;
	height: 740px;
	margin: auto;
padding-top: 80px;
	overflow: hidden;
	position: relative;
	width: 1200px;

	
}
#Parallax img {
	position: absolute;
	top: 0;
	left: 0;
}

/*portfolio*/

#portgauch {vertical-align:middle;
float: left;
margin-left: 30px;
text-align:left;
	
}
#portgauch a {
color:#fff;
	
}
#portgauch a:hover {
color: #FFF;
	
}
#portdroite {
	
}

/*contact*/
.contactbox {margin-left: 12%; margin-top: 50px;
	width:800px;	height:550px;	background-image:url(http://www.abirato.com/images/carreau.jpg);	background-color: transparent;
background-repeat:repeat;
background-position:right top;z-index:500;	position:relative; 
border: 5px solid #fff;
 -moz-box-shadow: 8px 8px 12px #aaa; 
 -webkit-box-shadow: 8px 8px 12px #aaa; 
 box-shadow: 8px 8px 12px #555; }
.contact {width:243px;	overflow:hidden;	float:left;	margin:40px 0px 0px 34px;}
.contact_infos a {color: #FF4435;
}
.contact_infos a:hover {color: #4f4f4f;
}
.contact p {font-size:13px;	font-family: texte, Arial, Helvetica, sans-serif;	color:#4f4f4f;	padding-bottom:5px;	margin-top:0px;}
.contact_infos {float:left;margin:40px 0px 0px 72px;width:294px;overflow:hidden;}
.tinput {border:none;width:240px;height:31px;background-color:#e7e7e8;	margin-bottom:10px;	font-size:13px;	color:#4f4f4f; padding-left:3px;line-height:31px;}
.tinput:focus, .cta:focus {	background-color:#fff;}
.fname {padding-bottom:5px;}
.cta {width:243px; height:121px; resize: none; background-color:#e7e7e8; margin-bottom:10px;color:#4f4f4f; padding-left:3px;line-height:1.3em; border:none;}
.cta { font-family: texte, Arial, Helvetica, sans-serif; font-size:13px;}

.facebook {display:block;	width:33px;	height:33px;	float:left;	margin-left:76px;	background-image:url(http://www.abirato.com/images/f1.png);	background-position:0px 0px;}
.facebook:hover{ background-position:-33px -0px; }

.tumblr {display:block;	width:33px;	height:33px;	float:left;	margin-left:76px;	background-image:url(http://www.abirato.com/images/f2.png);	background-position:0px 0px;}
.tumblr:hover{ background-position:-33px -0px; }


#bio {padding: 0px 0px 0px 100px;
	text-align:justify;
	width: 600px;
	height: 600px;
	z-index: 9999;
}



/* intro */
#intro{
	background: url() 80% -0px no-repeat #5c8eb1;
	color: #333333;
	height: 800px;
	margin: 60px auto;
	padding: 0px 0 0 0;
	overflow: hidden;
	z-index: 50;
}
#intro .bg{
	background: url(http://www.abirato.com/images/ablette.png) 50% 0 no-repeat fixed;
	height: 800px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	overflow: hidden;
}

#second{
	background: url(http://www.abirato.com/images/fondportfolio.jpg) repeat #6d6655;
	color: #FFF;
	height: 1700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align:center;
	
}



#third{		background-color: rgb(138, 205, 11);

	color: #fef4b4;
	height: 1000px;
	padding: 50px 0 0 0px;
	width: 100%;
	overflow: hidden;	
}

#third .bg{
	background: url(http://www.abirato.com/images/liens.png) 50% 0 no-repeat fixed;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	overflow: hidden;
	z-index: 0;
		background-color: transparent;
}
#liens {padding: 0px 0px 0px 100px;
	text-align:justify;
	width: 100%;
	margin: 50px 100px;
	z-index: 9999;
		background-color: transparent;

}
#liens a {
	color: #1367a1;
}
#liens a:hover {
	color: #11a7b7;
}

#fifth{
	background: #f6b018;
	height: 900px;
	margin: 0px 0px 30px 0px;
	padding: 30px 0 0 0px;
	overflow: hidden;
}

.story{
	margin: 50px 100px;
	min-width: 980px;
	overflow: hidden;
	width: 100%;
	z-index: 10;
	
}

white{
	color: #FFF;
	
}
white a, white a:hover {
	color: #FFF;
	
}

yellow {
	color: #f6b018;
}

yellow a, yellow a:hover {
	color: #f6b018;
}


black{
	color: #000;
	
}
black a, black a:hover {
	color: #333;
	
}



.cadre {z-index: 10;
	width: 100%;
}
/* =============================
Social Links
============================= */
#interwebz-wrapper {
display:inline-block;
width:950px;
border-bottom:1px solid #f2f2f2;
border-top:none;
padding:5px 0;
}
.interwebz {
list-style:none;
margin:0;
padding:10px 0;
width:auto;
overflow:hidden;
float:left;
}
.interwebz li {
float:left;
margin-right:10px;
border:none;
}
.interwebz li:last-child{margin:0}
/* Flickr */
.icon-flickr a, .icon-instagram a, .icon-facebook a, .icon-gplus a, .icon-lastfm a, .icon-feed a, .icon-skype a, .icon-twitter a, .icon-youtube a {
float:left;
background:url(http://www.abirato.com/blogWEBILLUS/social-media.png) no-repeat left bottom;
text-indent:-9999px;
width:32px;
height:32px;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.icon-flickr a:hover, .icon-instagram a:hover, .icon-facebook a:hover, .icon-gplus a:hover, .icon-lastfm a:hover, .icon-feed a:hover, .icon-skype a:hover, .icon-twitter a:hover, .icon-youtube a:hover {
background:url(http://www.abirato.com/blogWEBILLUS/social-media.png) no-repeat left top;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/* Instagram */
.icon-instagram, .icon-instagram a {
background-position:-32px bottom;
}
.icon-instagram:hover, .icon-instagram a:hover {
background-position:-32px top;
}
/* Facebook */
.icon-facebook, .icon-facebook a {
background-position:-64px bottom;
}
.icon-facebook:hover, .icon-facebook a:hover {
background-position:-64px top;
}
/* Google+ */
.icon-gplus, .icon-gplus a {
background-position:-96px bottom;
}
.icon-gplus:hover, .icon-gplus a:hover {
background-position:-96px top;
}
/* Last.fm */
.icon-lastfm, .icon-lastfm a {
background-position:-128px bottom;
}
.icon-lastfm:hover, .icon-lastfm a:hover {
background-position:-128px top;
}
/* RSS Feed */
.icon-feed, .icon-feed a {
background-position:-160px bottom;
}
.icon-feed:hover, .icon-feed a:hover {
background-position:-160px top;
}
/* Skype */
.icon-skype, .icon-skype a {
background-position:-192px bottom;
}
.icon-skype:hover, .icon-skype a:hover {
background-position:-192px top;
}
/* Twitter */
.icon-twitter, .icon-twitter a {
background-position:-224px bottom;
}
.icon-twitter:hover, .icon-twitter a:hover {
background-position:-224px top;
}
/* Youtube */
.icon-youtube, .icon-youtube a {
background-position:-256px bottom;
}
.icon-youtube:hover, .icon-youtube a:hover {
background-position:-256px top;
}