/*
Theme Name: Jules & Co
Author: UBICHINE
Author URI: http://ubichine.com/
Version: 1.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; font-size: 100%; vertical-align: baseline; }
a { text-decoration:none; outline:none; }
li { list-style: none; }
img { border:0; }
*:focus{ outline:0; }
.clear { clear:both; }

@font-face {
	font-family: "lato";
	src: url('fonts/lato-light-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('fonts/lato-light-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3¡ª5 */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "lato";
	src: url('fonts/lato-bold-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('fonts/lato-bold-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3¡ª5 */
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "DOBOS";
	src: url('fonts/DOBOS.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('fonts/DOBOS.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3¡ª5 */
	font-weight: bold;
	font-style: normal;
}

h1 { font-family:'DOBOS',serif; font-weight:700; font-style:normal; font-size:62px; line-height:70px; }
h3 { font-weight:bold; }
a { color:#000000; }
a:hover { border-bottom:1px solid #000000; }
.column { width:48%; }
.column-left { float:left; }
.column-right { float:right; }
.column-right img { width:100%; height:auto; }
.right-image { margin-top:60px; }
.right-image-0 { margin-top:0; }
.right-image-file { line-height:0; }
.right-image-title { line-height:16px; margin-top:8px; }

#site { max-width:1280px; min-width:640px; margin:0 auto; font-family:"lato",sans-serif; font-size:16px;  }
#site-inner { margin:80px 6.5%; }

#tete { border-bottom:1px solid #000; padding-bottom:12px; }
#tete a { padding:10px 0; }
#tete a:hover { border-bottom:2px solid #000000; }
#logo { float:left; }
#menu { float:right; }
#menu li { float:left; }
.current-menu-item a { border-bottom:2px solid #000000; }

#main { position:relative; margin:80px 0; line-height:34px; }

#home { position:relative; margin:-60px 0; }
#home-image { line-height:0; }
#home-image img { width:100%; height:auto; }
#home-text { position:absolute; width:100%; color:#fff; font-family:'DOBOS',serif; font-weight:700; font-style:normal; font-size:62px; line-height:70px; text-align:center; top:0; }

#about-left { margin-top:-8px; }
#services-left { margin-top:-8px; }

#clients { width:104.3%; }
.client-item { float:left; width:20.7%; margin-right:4.3%; margin-bottom:50px; line-height:18px; }
.client-item-image { margin-bottom:10px; }
.client-item-image img { width:100%; height:auto; }
.client-item-title { height:18px; overflow:hidden; }

#contact { padding-bottom:60px; }

.column-pied { padding-top:16px; border-top:1px solid #000; }


@media only screen and (max-width: 930px) {
	.client-item { width:29%; }
}