/*
Theme Name: Ludovic Fauchet - Intégrateur
Theme URI: http://wwww.fauchet-ludovic.fr
Description: Professional freelance theme.
Version: 1.0
Author: Webdesign Beanjamin Vadot - inégration Ludovic Fauchet
Author URI: http://wwww.troiscentdixsept.fr - http://www.fauchet-ludovic.Fr
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{  margin:0; padding:0;}
table{  border-collapse:collapse; border-spacing:0;}
fieldset,img{  border:0;}
address,caption,cite,code,dfn,var{  font-style:normal; font-weight:normal;}
ol,ul{  list-style:none;}
caption,th{  text-align:left;}
h1,h2,h3,h4,h5,h6{  font-size:100%; font-weight:normal;}
q:before,q:after{  content:'';}
abbr,acronym{  border:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

/* Intro */
html{ overflow:-moz-scrollbars-vertical;}
body,button,input,select,textarea{  color:#333333; font-family:Helvetica,Verdana,sans-serif; font-size:13px; line-height:18px; outline:none;}
body{ background:url(images/background.jpg) repeat 0 0 #f0efed;}
a{ color:#375d81; cursor:pointer; outline:none; position:relative; text-decoration:none;}
	a:hover{  text-decoration: none;}
textarea{  resize:none;}
sup{ font-size:8px; text-transform:lowercase;}

/* color */
.nav a{
	color:#909090;
}

/* Shared */
.cl,.cr,.cb{  display:block !important; font-size:0px; float:none !important; height:0 !important; line-height:0px; width:0 !important;}
.cl{  clear:left;}
.cr{  clear:right;}
.cb{  clear:both;}
.wrap{ margin: 0 auto; position:relative; width:965px;}
.logo,
.social li a,
.coda-nav ul li a,
.slider-bullets a{ display:block; overflow:hidden; text-indent:-290486px;}
.nav li a,
.main{ position: relative; z-index:1;}
.main-top{ background: url(images/main-top-shadow.png) center 0 no-repeat transparent; height:62px; left: 0; position:absolute; top: -31px; width: 100%;}
.main .wrap{ padding: 20px 0;}
.box-title,
.main-title{ font-family : 'xnarrowlightitalic', sans-serif; text-transform: uppercase;}
.main-title{ background: url('images/line.png') repeat-x left bottom transparent; color: #6a8bab; font-size:36px; line-height:40px; margin-bottom: 20px; padding-bottom:10px; text-shadow: 0 1px 0 white;}
.big-button{ background: url(images/big-button-background.png) 0 0 repeat-x transparent; border: 1px solid #698aaa; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: inset 0 1px 2px #a6c6d5, 0 2px 0 #395e82, 0 3px 1px #b4bfc8; -ms-box-shadow: inset 0 1px 2px #a6c6d5, 0 2px 0 #395e82, 0 3px 1px #b4bfc8; -o-box-shadow: inset 0 1px 2px #a6c6d5, 0 2px 0 #395e82, 0 3px 1px #b4bfc8; -moz-box-shadow: inset 0 1px 2px #a6c6d5, 0 2px 0 #395e82, 0 3px 1px #b4bfc8; -webkit-box-shadow: inset 0 1px 2px #a6c6d5, 0 2px 0 #395e82, 0 3px 1px #b4bfc8; color: #fff; display: inline-block; font-family : 'xnarrowlightitalic', sans-serif; font-size: 26px; line-height: 33px; padding: 0 25px; text-shadow: 0 -1px 1px #375d81; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.big-button:hover{ color: #fff; text-shadow: 0 -1px 1px #375d81, 0 0 20px #fff;}
	a.big-button span{ font-family: 'WebSymbolsRegular'; line-height: 34px; font-size: 16px; margin-right: 8px; vertical-align: middle;}
.grey-button{ background: transparent url(images/button-see-more.png) 0 0 repeat-x; border: 1px solid #dedede; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 1px 1px #ededed, 0 2px 2px #a4a4a4; -ms-box-shadow: inset 0 1px 1px #ededed, 0 2px 2px #a4a4a4; -o-box-shadow: inset 0 1px 1px #ededed, 0 2px 2px #a4a4a4; -moz-box-shadow: inset 0 1px 1px #ededed, 0 2px 2px #a4a4a4; -webkit-box-shadow: inset 0 1px 1px #ededed, 0 2px 2px #a4a4a4; color: #909090; display: inline-block; font-size: 14px; height: 22px; line-height: 24px; padding: 0 15px 0 20px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.grey-button:hover{ color: #6a8bab; box-shadow: inset 0 1px 1px #ededed, 0 1px 1px #a4a4a4; -ms-box-shadow: inset 0 1px 1px #ededed, 0 1px 1px #a4a4a4; -moz-box-shadow: inset 0 1px 1px #ededed, 0 1px 1px #a4a4a4; -webkit-box-shadow: inset 0 1px 1px #ededed, 0 1px 1px #a4a4a4; -o-box-shadow: inset 0 1px 1px #ededed, 0 1px 1px #a4a4a4;}
	.grey-button span{ font-family: "WebSymbolsRegular"; font-size: 8px; margin-left: 10px; vertical-align: middle; text-transform: none;}
.separator{ background: url('images/line.png') repeat-x left 12px transparent; clear: both; height: 2px; padding: 12px 0 20px 0; width: 100%;}
ul.tags{ float: left; margin-bottom: 6px;}
	ul.tags li{ float: left; margin: 0 12px 10px 0; }
		ul.tags li a{ background: url(images/tags-background.png) repeat-x 0 0 transparent; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px #b9bdbf, 0 1px 0 #9cb7cf, inset 0 1px 0 #fff; -moz-box-shadow: 0 1px 1px #b9bdbf, 0 1px 0 #9cb7cf, inset 0 1px 0 #fff; -o-box-shadow: 0 1px 1px #b9bdbf, 0 1px 0 #9cb7cf, inset 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #b9bdbf, 0 1px 0 #9cb7cf, inset 0 1px 0 #fff; -ms-box-shadow: 0 1px 1px #b9bdbf, 0 1px 0 #9cb7cf, inset 0 1px 0 #fff; color: #6a8bab; float: left; font-family: 'CabinMedium'; font-size: 12px; line-height: 23px; padding: 0 10px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
		ul.tags li a:hover{ box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf, inset 0 -1px 0 #fff; -o-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf, inset 0 -1px 0 #fff; -ms-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf, inset 0 -1px 0 #fff; -moz-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf, inset 0 -1px 0 #fff; -webkit-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf, inset 0 -1px 0 #fff;}



/* header */
.header{ background: url(images/header-bg.png) center bottom repeat-x transparent; display: block; height:89px; position: relative; z-index:3;}
.logo{ background:url(images/logo.png) 0 0 transparent no-repeat; height:64px; position: absolute; top:25px; width: 263px;}
a.logo:active{ top:  26px;}
.nav{ top:25px; position:absolute; right: 0;}
.nav ul{ display:inline;}
.nav ul li{ background: url(images/nav-buttons.png) 0 0 no-repeat transparent; float:left; height:35px; line-height:35px; margin: 0 0 0 20px; position:relative; text-align:center; text-transform: uppercase; width:98px;}
.nav ul li.first{ margin-left: 0;}
.nav li a{ display:block; font-size: 14px; height:100%; padding:0; text-shadow:1px 0px 1px #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width:100%;}
.nav li.current_page_item a,
.nav li a:hover{ background:url(images/nav-buttons-halo.png) 0 -40px no-repeat transparent; color:#b6b6b6;}

/* footer */
.footer{
	background: transparent url('images/footer-background.png') repeat center top;
	margin-top: 10px;
	padding: 20px 0;
	position:relative;
}
.footer-top{ background: url(images/footer-top.png) center top repeat-x transparent; height:20px; left: 0;; position:absolute; top: 0; width:100%;}

.footer .wrap{ color: #909090; font-family: Helvetica; font-size: 11px; line-height:13px; text-align: center; text-shadow: 0 1px 0 #fff;}
.footer .wrap a{ color: #909090; text-decoration: none;}
.footer-content{ margin-top: 10px;}
.social{ display: block; float: left; left: 50%; margin: 0 0 0 -100px; position:relative; width:200px;}
.social li{ background: transparent url('images/social-sprite.png') no-repeat 0 0; float: left; height: 50px; width:50px; -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.social li:hover{ background: transparent url('images/social-sprite.png') no-repeat 0px -50px; cursor: pointer; margin-top:-5px; padding-bottom: 5px; -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.social .twitter{ background: transparent url('images/social-sprite.png') no-repeat -50px 0;}
.social .twitter:hover{ background: transparent url('images/social-sprite.png') no-repeat -50px -50px;}
.social .linkedin{ background: transparent url('images/social-sprite.png') no-repeat -100px 0;}
.social .linkedin:hover{ background: transparent url('images/social-sprite.png') no-repeat -100px -50px;}
.social .rss{ background: transparent url('images/social-sprite.png') no-repeat -150px 0;}
.social .rss:hover{ background: transparent url('images/social-sprite.png') no-repeat -150px -50px;}
.social li a{ cursor:pointer; height: 100%;width:100%;}
.counter-container{ margin: 10px 0 20px 0;}
	.counter-container .counter{ background: #333; color: #fff; display: inline-block; font-size: 14px; height: 19px; letter-spacing: 1px; line-height: 19px; padding: 0 6px; text-shadow: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -ms-box-shadow: 0 1px 0 #fff; -o-box-shadow: 0 1px 0 #fff;}
	.counter-container .counter .counter-name{ margin-left: 5px; font-size: 12px;}

/* slider */
.slider{ background: url(images/slider-bg.jpg) 0 0 repeat transparent; display: block; margin-top: -6px; position: relative; z-index:2;}
	.slider .wrap{ padding: 30px 0;}
	.slider-top{ background: url(images/slider-shadow-top.png) 0 0 no-repeat transparent; height:58px;  left: -516px; margin-left: 50%; position:absolute; top: -29px; width:1032px;}
	.slider-bottom{ background: url(images/slider-bottom.png) 0 0 repeat-x transparent; bottom: 0; height:53px; left: 0; position:absolute; width:100%;}
.slides{ height: 290px; margin-bottom: 20px; position: relative; z-index: 1000;}
	.slide{ display: none; float: left; padding: 5px 0; width: 965px;}
h2.slide-title{ color: #375d81; font-family : 'xnarrowlightitalic', sans-serif; font-size: 36px; line-height: 40px; margin-bottom: 12px; text-shadow: 0 1px 0 white;}
.slide-content{ float: left; width: 405px;}
.slide-content p{ color: #6a8bab; line-height: 16px; margin-bottom: 30px; text-shadow: 0 1px 0 #fff;}
.slide-image{ float: right; text-align: center; width: 560px;}
.slider-bullets{ bottom: 3px; left: 50%; position: absolute; z-index: 1000;}
.slider-bullets{ float: left;}
		.slider-bullets a{ background: transparent url(images/bullets.png) -18px 0 no-repeat; display: block; float: left; height: 25px; width: 18px;}
		.slider-bullets a.current{ background-position: 0 0;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	.slider-loader{ color: #375d81; font-family: 'WebSymbolsRegular'; font-size: 40px; font-weight: bold; margin-top: 40px; text-align: center; text-shadow: 0 1px 0 #fff;}

/* home page */

.box-title h2{ color: #909090; font-size: 36px; line-height: 36px; margin: -7px 0; text-shadow: 0 1px 0 #fff;}

.box-dribbble,
.box-freebies{ background: url(images/related-box.png) 0 0 no-repeat transparent; height:255px; padding: 25px 21px 0 28px; position: relative; width:433px;}

.box-dribbble a.grey-button,
.box-freebies a.grey-button,
.instagram a.grey-button{ position: absolute; right: 21px; top: 18px;}

.box-dribbble{ float: left; margin-left:-6px;}
.box-freebies{ float: right;}

.dribbble-shots,
.freebies-shots{ display: inline; float: left; margin-top:20px;}
.dribbble-shots li,
.freebies-shots li{ border: 5px solid white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; box-shadow:none; height: 150px; float:left; overflow: hidden; margin-right:12px; position: relative; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; width: 200px;}
.dribbble-shots li .overlay,
.freebies-shots li .overlay{ background: transparent url(images/thumbnail-overlay.png) center center no-repeat; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.dribbble-shots li:hover .overlay,
.freebies-shots li:hover .overlay{ display: block;}
.dribbble-shots li a,
.freebies-shots li a,
.dribbble-shots li img,
.freebies-shots li img{ display: block; height: 150px; left: 0; position: absolute; top: 0; width: 200px;}
.dribbble-shots li:hover,
.freebies-shots li:hover,
.instagram_shots li a{ box-shadow : 0 1px 1px #acacac;}
.dribbble-shots li.last,
.freebies-shots li.last{ margin-right:0;}

.box-work{ background: url(images/box-steaw.png) 0 0 transparent no-repeat; float:left; height: 130px; margin-left:-2px; padding: 15px 30px 35px 20px; width: 200px;}
	.status{ background: transparent url(images/status.png) 0 0 no-repeat; float: left; height: 74px; margin-right: 10px; width: 72px;}
	.box-work p{ color: #909090; margin-top: 20px; text-shadow: 0 1px 0 white;}
	.box-work-button{ clear: both; font-family: 'xnarrowlightitalic', sans-serif; padding-top: 18px; text-align: center;}
	
.box-techno{ background: url(images/box-techno.png) 0 0 transparent no-repeat; float:right; height:180px; position: relative; width: 717px;}
.box-techno a{ display: block;}
a.link-html5{ height: 90px; left: 80px; position: absolute; top: 36px; width: 64px;}
a.link-jquery{ height: 44px; left: 219px; position: absolute; top: 63px; width: 180px;}
a.link-wordpress{ height: 45px; left: 457px; position: absolute; top: 62px; width: 195px;}
.instagram,
.instagram_shots{ margin: 10px 0 30px 0; position: relative;}
.instagram h2{ margin-bottom: 20px;}
.instagram a.grey-button{ top: 6px; right: 0;}
.instagram_shots{ height: 160px;}
.instagram_shots ul{ float: left; height: 160px;}
	.instagram_shots li{ float: left; display: block; margin-left: 41px; width: 160px;}
	.instagram_shots li a{ border: 5px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; display: block; height: 150px; width: 150px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.instagram_shots li{ position: relative;}
	.instagram_shots li img{ display: block; height: 150px; left: 0; position: absolute; top: 0; width: 150px;}
	.instagram_shots li .overlay{ background: transparent url(images/thumbnail-overlay.png) center center no-repeat; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	.instagram_shots li:hover a{ margin-top: -10px; box-shadow : 0 1px 15px #acacac;}
	.instagram_shots li a:hover .overlay{ display: block;}
	.instagram_shots li:first-child{ margin-left: 0;}

/* portfolio */
.thumbnail{ padding: 8px 0 0 11px; position: relative; width: 220px;}
	.thumbnail a{ display: block; height: 140px; padding-bottom: 26px; position: relative; width: 220px;}
		.thumbnail a img{ display: block; position: absolute;}
	.thumbnail .overlay{ background: transparent url(images/thumbnail-overlay.png) center center no-repeat; display: none; height: 140px; left: 0; position: absolute; top: 0; width: 220px;}
.portfolio-item{ background: transparent url(images/thumbnail-folio.png) 0 0 no-repeat; float: left; margin: 0 -1px 0 0; position: relative; width: 242px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.portfolio-item.last{ margin-right: 0;}
.portfolio-item:hover{ margin-top: -10px; padding-bottom: 10px;}
.portfolio-item:hover .overlay{ display: block;}
.portfolio-item:hover .thumbnail-link{color: #6a8bab;}
.thumbnail-link{ color: #909090; display: block; font-family : 'xnarrowlightitalic', sans-serif; font-size: 24px; height: 24px; line-height: 24px; margin-left: 6px; overflow: hidden; text-shadow: 0 1px 0 #fff; text-transform: uppercase;}

/* projets */
.projet .informations{ float: left; width: 240px;}
.projet .technologies{ background: url('images/line.png') repeat-x left bottom transparent; margin-bottom: 10px;}
.projet .content{ background: url('images/line.png') repeat-x left bottom transparent; color: #909090; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; text-shadow: 0 1px 0 #fff;}
	.projet .content a{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.projet .content a:hover{ color: #000;}
	.projet .content p{ margin-bottom: 10px;}
	.projet .content ul{ list-style: disc inside;}
		.projet .content ul li{ margin-bottom: 5px;}
.website-link{ text-align: center;}
.col-right{ float: right; padding-bottom: 15px; position: relative; width: 673px;}
.slider-article{ overflow: hidden; position: relative; z-index: 1000;}
	.slider-article-slide{ float: left; width: 965px;}
.single-projects .coda-nav{ bottom: 0; left: 50%; position: absolute;}
.single-projects .coda-nav ul{ float: left;}
	.single-projects .coda-nav ul li{ display: block; float: left; margin-right: 10px;}
		.single-projects .coda-nav ul li a{ background: transparent url(images/bullets-projects.png) 0 0 no-repeat; height: 10px; width: 10px;}
		.single-projects .coda-nav ul li a.current{ background-position: 0 -10px;}

/* page */
.page .entry{ color: #909090; font-size: 14px; text-shadow: 0 1px 0 #fff;}
	.page .entry p{ margin-bottom: 15px;}
	.page .entry a{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.page .entry a:hover{ color: #000;}
	.page .entry .big-button:hover{ color: #fff;}	

/* contact */
.contact-form{ float: right; width: 673px;}
.contact-form .form-line{ margin-bottom: 21px;}
.contact-form .form-text,
.contact-form .form-area{ display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.contact-form .form-text{ background: url(images/tags-background.png) repeat-x 0 0 transparent; border: 1px solid #b1c6d9; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -moz-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -o-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -ms-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -webkit-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; color: #6a8bab; font-family: 'CabinMedium'; font-size: 12px; height: 23px; line-height: 23px; padding: 0 10px; text-shadow: 0 1px 0 #fff; width: 263px;}
.contact-form .form-area{ background: url(images/textarea-background.png) repeat-x 0 0 transparent; border: 1px solid #b1c6d9; border-radius: 5px; box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -moz-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -o-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -webkit-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; -ms-box-shadow: inset 0 1px 1px #b9bdbf, 0 -1px 0 #9cb7cf; color: #6a8bab; font-family: 'CabinMedium'; font-size: 12px; height: 113px; line-height: 23px; overflow: auto; padding: 5px 10px; resize: none; text-shadow: 0 1px 0 #fff; width: 653px;}
	.contact-form .form-text:focus,
	.contact-form .form-area:focus{ border: 1px solid #9cb7cf; box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; -ms-box-shadow: inset 0 1px 0 #fff;}
.contact-form .form-submit{ cursor: pointer; float: right; height: 24px; padding: 0 20px;}

/* freebies */
.freebies-right{ float: right; height: auto; border: 1px solid #ccc; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 2px #cccccc; -o-box-shadow: 0 2px 2px #cccccc; -ms-box-shadow: 0 2px 2px #cccccc; -webkit-box-shadow: 0 2px 2px #cccccc; -moz-box-shadow: 0 2px 2px #cccccc; overflow: hidden; width: 673px;}
	.freebies-right img{ display: block;}
	.freebies-informations{ border: 1px solid #375D81; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; box-shadow: 0 1px 1px #c0c0c0; -ms-box-shadow: 0 1px 1px #c0c0c0; -o-box-shadow: 0 1px 1px #c0c0c0; -moz-box-shadow: 0 1px 1px #c0c0c0; -webkit-box-shadow: 0 1px 1px #c0c0c0; color: #6A8BAB; font-size: 12px; text-shadow: 0 1px 0 white; background: url(images/slider-bg.jpg) repeat 0 0 white; line-height: 16px;}
	.share-it{ float: left;}

.post-template-tpl-project-full-php .slider-article-slide{ width: 100%;}
.post-template-tpl-project-full-php .slider-article-slide img{ display: block; height: auto; margin-bottom: 20px;; width: 100%;}
	
@media screen and (max-width: 640px){
	.wrap,
	.slide-image,
	.slide-content{ width: 480px;}
	.home .main-title{ margin-left: 5px; width: 470px;}
	.slide{ width: auto;}
	.slides{ height: 520px;}
	.slide-image,
	.slide-content{ float: none;}
	.slide-image{ margin: 10px 0 15px;}
	.slide-content{ padding: 0 5px; width: 470px;}
	.box-techno,
	.box-work{ display: none;}
	.portfolio .separator{ display: none;}
	.portfolio-item{ background: none; margin: 0 15px 15px 5px; padding: 0; width: 220px;}
	.portfolio-item:hover{ margin-top: 0; padding-bottom: 0;}
	.portfolio-item:hover .overlay{ display: none;}
	.portfolio-item .thumbnail{ padding: 0;}
	.thumbnail-link{ margin-left: 0;}
	.portfolio-item img{ border: 5px solid #fff; border-radius: 3px; box-shadow: 0 1px 1px #acacac;}
	.slider-top{ display: none;}
	.box-freebies,
	.box-dribbble{ float: none; margin-left: -4px;}
	.nav{ right: 15px; top: 85px;}
	.header{ height: 150px;}
	.logo{ left: 15px; top: 10px;}
	a.logo:active{ top: 11px;}
	article.projet{ margin-left: 5px; width: 470px;}
	.projet .freebies-right,
	.projet .col-right{ float: none; height: auto; margin-bottom: 15px; width: 480px;}
	.projet .freebies-right img{ height: auto; max-width: 470px;}
	.projet .col-right img{ width: 480px;}
	.projet .informations{ float: none; width: 470px;}
	section.page{ margin-left: 5px; width: 470px;}
	.projet .contact-form{ float: none; width: 470px;}
	.projet .contact-form .form-area{ width: 450px;}
	.dribbble-shots li:hover .overlay,
	.freebies-shots li:hover .overlay{ display: none;}
	.instagram_shots{ display: block; height: auto;}
		.instagram_shots li,
		.instagram_shots li:first-child{ float: none; margin: 15px auto;}
}