/* *** HTML Tags *** */video {    margin-top:60px;}html {    color: #626364;    font-size: 18px;    background: url('/imgs/bg-top.png') repeat-x;    font-family: 'Roboto', sans-serif;    font-weight: 300;}body {    margin:0;    padding:0;    background: url('/imgs/bg-bottom.png') no-repeat right 80%, url('/imgs/bg-middleleft.png') no-repeat left 50%;}h1, h2, h3, h4 {    font-family: 'Wire One', sans-serif;    color: #383636; /*vert: 6B952A*/    font-weight: 500;    margin-bottom:0;}h1 { font-size: 4.5em; }h2 { font-size: 3.5em; color:#6B952A; line-height:1em; }h3 { font-size: 2.5em; color:#888; margin:0; } h4 { font-size: 2em; color:#888; margin:10px; }strong, b { font-weight: 400; }a {    text-decoration:none;    color:#5B7C27;}a:hover {    text-decoration:underline;}ul{    list-style-type: none;    padding: 0px;    margin: 0px;}ul li {    background: url('/imgs/li.png') no-repeat 0px 0px ;    padding-left:25px;    margin:15px 0;}dt {     font-family: 'Wire One', sans-serif;     font-size:2.5em;    color: #6B952A;    cursor: pointer;}dt:hover {     text-decoration:underline;}dd {     font-size:1em;    margin: 10px 20px 40px 20px;}hr {    border:none;    height: 17px;    margin: 20px 0 20px 0;    border-bottom:1px solid #eaeaea;}blockquote {    font-style: italic;    margin: 50px;    color: #999;    border-top: 1px solid #eee;    border-bottom: 1px solid #eee;}input, textarea {    font-size:1em;    padding:5px 10px;    border:2px solid #ddd;    border-radius:10px;    margin:5px 10px;    width:500px;    color:#6b952a;    background-color:white;    font-family:'Roboto', sans-serif;    overflow: auto;}input:focus, textarea:focus {     outline: none;    border:2px solid #8BB54A;     box-shadow:0px 0px 5px #CBF58A;}.highlight {color:#ff8d29;}.center {text-align:center;}.italic {font-style:italic;}.noborder {border:0px !IMPORTANT;}/* *** General stuff *** */#wrapper {    width:1000px;    margin:0 auto;    padding-bottom: 50px;    position:relative;    clear:both;}.simplewrapper {    width:1000px;    margin:0 auto;    position:relative;    clear:both;}#portfoliowrapper {    width:1000px;    height:500px;    margin:0 auto;    position:relative;}#menu {    height:165px;    font-size:24px;    position:relative;}#ribbon {    padding-top:15px;    height: 200px;    width: 200px;    background-color:#6B952A;    float:left;    text-align:center;    position:absolute;    top:-55px;    border:3px solid #8bb54a;    box-shadow: 0px 0px 7px #333;    font-family: 'Wire One', sans-serif;    color:white;    text-decoration:none;    font-size:1.75em;    border-radius:3px;}#ribbon .retour {    position:absolute;    top:45px;    left:215px;}#menu .echangeidee {    position:absolute;    top:150px;    right:-20px;    display:none;}a img { border:none; }.clouds {    height:40px;     width:70px;    padding:25px 15px 35px 15px;    text-align:center;    font-size:0.5em;    position:absolute;    top:-150px;    opacity:0;    color:#bbb;    color: #6B952A;    border-radius:50%;    border:3px #7fa93e solid;    background-color:white;    text-decoration:none !IMPORTANT;}.clouds:hover {     background-color: #FF8D29;    border:3px white solid;    color:white;    transition: 0.3s;}/* 404 */.img404 { margin:30px auto; display:block; }.border {    padding:3px;    border:3px solid #bbb;}/* *** Inner Pages *** */.boxright { float:right; width:500px;}.boxleft { float:left; width:500px; margin-right:100px;}/* *** PRIX *** */.marketinggroup {    margin:20px auto;    width:775px;    position:relative;    background: url('/prix/marketing-bg.jpg') no-repeat;    padding:150px 20px 0 20px;    border-radius:15px;}.adwordsgroup {    margin:20px auto;    width:406px;    position:relative;    background: url('/prix/adwords-bg.jpg') no-repeat;    padding:25px 180px 80px 239px;    border-radius:15px;}.adwordsgroup .plan {     background-color:transparent;    box-shadow: none;    opacity: 1;}.plan {    opacity: 0.95;    float:left;    width:200px;    margin:15px -8px;    border-radius:15px;    box-shadow: 0px 0px 5px 1px #aaa;    background-color:white;}.plan div {    border-bottom:1px dashed #eee;    margin:10px;    height:25px;    text-align:center;}.plan-heading {    height:45px !IMPORTANT;    color:#6B952A;    font-family: 'Wire One', sans-serif;    font-size:38px;}.plan-firstcolumn {    color:#aaa;    margin-right:30px;}.ulplan {     padding:0 110px;}/* *** QUI SOMMES NOUS *** */.troiscolonne {    float:left;    width:300px;    padding-right:50px;    text-align:justify;}.troiscolonne h2 {     text-align:left;    font-size:2em;}.troiscolonne div {    display:block !IMPORTANT;      margin:10px auto}.definition {    font-size:0.75em;    color:#ff8d29;    color:#aaa;    font-style: italic;    padding-top:4px;}.certification-badge {    float:right;}/* *** CONCEPTION WEB *** */.innerbanner {    height:550px;    margin-top:-126px;    background-position:center;}.innerbanner h1, .innerbanner h3 { color:white; margin:0px;}.innerbannertext {      background: rgba(0,0,0,0.6);    text-align:right;    padding: 25px 75px 35px 0;    position: absolute;    top: 340px;    width: 57%;}.bannerportfolio {    background-color:#6B952A;    padding:20px;    text-align:center;    color:white;    transition:0.2s;    display:block;    /*font-family: 'Wire One', sans-serif;     font-size:2.5em; */}.bannerportfolio:hover {    text-decoration:none;    background-color:#FF8D29;    transition:0.2s;}.blocks {    float:left;    text-align:center;    width:275px;       background: url('/imgs/hr-blocks.png') repeat-x 0px 130px;    margin:75px 43px 15px 43px;}.blocks.left {margin-left:0px; clear:both; }.blocks.right {margin-right:0px;}.blocks h2 { margin:0px 0px 10px 0px; }.blocks p { text-align:justify; }.rotateme {    -webkit-transform: rotate(360deg);    -webkit-transition: all 500ms ease-in-out;    -moz-transform: rotate(360deg);    -moz-transition: all 500ms ease-in-out;    -o-transform: rotate(360deg);    -o-transition: all 500ms ease-in-out;    -ms-transform: rotate(360deg);    -ms-transition: all 500ms ease-in-out;    -khtml-transform: rotate(360deg);    -khtml-transition: all 500ms ease-in-out;    transform: rotate(360deg);    transition: all 500ms ease-in-out;}/* *** PARTNAIRE *** */#forminscription {    font-size:.85em;    padding:40px 70px;    border-radius:0px;    margin:50px 50px;    box-shadow:0px 0px 10px #bbb;    color:#999;    background-color:white;    position:relative;}#forminscription .confirmation { /* line-height: 1em !IMPORTANT; */ top:0;}#forminscription .center {margin-top:50px;}#forminscription #txtName, #forminscription #txtEmail, #forminscription #txtTelephone { background:none;}.shadowpaper:before, .shadowpaper:after{	position: absolute;	width: 40%;	height: 10px;	content: ' ';	left: 12px;	bottom: 17px;	background: transparent;	-webkit-transform: skew(-5deg) rotate(-5deg);	-moz-transform: skew(-5deg) rotate(-5deg);	-ms-transform: skew(-5deg) rotate(-5deg);	-o-transform: skew(-5deg) rotate(-5deg);	transform: skew(-5deg) rotate(-5deg);	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);	z-index: -1;}.shadowpaper:after{	left: auto;	right: 12px;	-webkit-transform: skew(5deg) rotate(5deg);	-moz-transform: skew(5deg) rotate(5deg);	-ms-transform: skew(5deg) rotate(5deg);	-o-transform: skew(5deg) rotate(5deg);	transform: skew(5deg) rotate(5deg);}#forminscription p {line-height:2em;}#forminscription input {    border:none;    width:200px;    border-bottom:1px #999 solid;    border-radius:0;    padding:0;    text-align:center;    margin:0;    background-color:transparent;    height:20px;}#inscriptionribbon {    position:absolute;    top:-5px;    left:-7px;}.termsofagreements {    padding-top:30px;    color:#ccc;    text-align:center;}/* *** Contact us page *** */.calltoaction {    font-size:2.5em;    display:block;    color: #FF8D29;    font-family: 'Wire One', sans-serif;}.form {    border-left:1px solid #eee;    width:610px;    float:right;    padding:0 20px 55px 50px;    margin-top:80px;    position:relative;}.socialmediaicons {    margin:55px 0px;}.info {    width: 310px;    float:left;    margin-top:65px;}.lines {    border-bottom:1px #ddd solid;    margin-top:30px;}.lines h3 {    margin-bottom:-14px;    margin-right:10px;    display:inline-block;}.info .first, .form .first {margin-top:0px;}.form input, .form textarea {    border:0px;    width:420px;    font-size:2.5em;    font-family: 'Wire One', sans-serif;    margin:0px;    padding:0px;    background-color:transparent;    margin-bottom:-14px;}.form input:focus, .form textarea:focus {     outline: none;    border:0px;     box-shadow:none;}.form textarea {     height:205px;    width:100%;    resize: none;    background: url('/agence/lines.png');}#txtTelephone {width:250px;}.blur {    color:#ddd;}.error {    border: 2px solid red;    }.checkbox {    height:30px;    border:2px solid #ddd;    border-radius:10px;    padding:15px 25px 5px 55px;    cursor:pointer;    margin:10px;    display:inline-block;    background: url('/imgs/bg-checkbox.png') 10px 50% no-repeat;    color:#CCCCCC;    font-size:.85em;}.checkbox:hover { text-decoration:none; }#submit {    float:right;    margin-top:50px;}#partnersubmit, #submit { cursor:pointer; }.confirmation {    color: #6B952A;    top:100px;    font-size:6em;    position:absolute;    font-family: 'Wire One', sans-serif;    display:none;}#intelligentmarketing {    margin:100px 0px;    height:200px;    background: #8bb54a url('/imgs/bg-portfolio.png') repeat-x 50% -200px;    color:white;    position:relative;}.intelligentmarketingbubbles {    position:absolute;    overflow:hidden;    height:300px;    width:100%;}#intelligentmarketingwrapper {    width:1000px;    height:100px;    margin:0 auto;    padding:50px 0px;    position:relative;}.largequote {    font-size:4.5em;    font-family: 'Wire One', sans-serif;}.etiennedupuisfounder {    font-size:1.5em;    font-family: 'Wire One', sans-serif;    padding-left:31px;}.etiennedupuis {    position:absolute;    z-index:9999;    right:0;    top:-43px;}/* *** Medias Sociaux *** */.social-media-box {    background-color:#f6f6f6;    padding:5px 25px 10px 25px;    border-radius:10px;    margin:10px 100px;    height:210px;}.social-media-box h3 {    margin-bottom:20px;}.large-social-media, .large-social-media-odd {    float:left;    width:250px;    height:500px;     margin-right:30px;    margin-bottom:40px;    border:0;}.large-social-media-odd {    float:right;}/* *** Cool Effects *** *//* Change the color of the selections */::selection {    background: #FF8D29;    color: white;}/* *** Slideshow *** */#slideshow {    text-align: right;    height:380px;    width:1000px;    margin:0 auto;    border:0px solid green;}.slides {    width:1000px;    height:450px;    position:absolute;    border:0px solid red;	    left:-2000px;}.slides h1 { right:200px; opacity:0;}.slides h3 { right:250px; opacity:0;}.slides img { left:0px; opacity:0;}.slides img, .slides h1, .slides h3 { position:absolute; }/* Show first slide if javascript is disabled */.defaultslide { left:0; }.defaultslide h1, .defaultslide h3, .defaultslide img {opacity: 1; }/* *** Navigation Menu *** */.menustyle {    height:80px;    width:130px;    display:block;    border-radius:50%;    border:3px #7fa93e solid;    float:right;    text-align:center;    padding-top:50px;    margin:10px;    font-size:32px;    font-family: 'Wire One', sans-serif;     text-decoration:none !IMPORTANT;}.menustyle span { color:white; opacity:0; }.menu[slide="slide-strategie"] { background: #8BB54A url('../imgs/menu-strategie.png') center center no-repeat; }.menu[slide="slide-conception"] { background: #8BB54A url('../imgs/menu-conception.png') center center no-repeat; }.menu[slide="slide-branding"] { background: #8BB54A url('../imgs/menu-branding.png') center center no-repeat;}.menu[slide="slide-agence"] { background: #8BB54A url('../imgs/menu-agence.png') center center no-repeat; margin-right:0px; }#slide-lotus img { top:60px;  position:relative; }#slide-lotus video { top: 60px; position:relative; }#slide-lotus {    width: 100%;    text-align: center;    background-color: #333;    left: 0px !IMPORTANT;    position: absolute;    height: 503px;    top: 108px;    padding-top: 0px;    z-index: -1;}#slide-conception h1 { top:45px; }#slide-conception h3 { top:215px; }#slide-conception img { top:75px; }#slide-agence img { padding-left:45px; top:73px; }#slide-agence h1 { top:45px; }#slide-agence h3 { top:215px; }#slide-branding h1 { top:55px; }#slide-branding h3 { top:225px; }#slide-branding img { top:60px; }#slide-strategie h1 { top:35px; }#slide-strategie h3 { top:205px; }#slide-strategie img { top:85px; }#footer {    border-top:5px solid #8BB54A;    background: #444 url('/imgs/footer-bg.png') repeat-x 0px 145px;    color:#555;    font-size:0.75em;    padding:30px 0 30px 0;    box-shadow: inset 0px 30px 75px -7px #333;}#footerwrapper {    width:1000px;    margin:0 auto;    position:relative;}#footer a { color:#ddd; }#footer a:hover { color:white;} #footer #social {    border-right:1px solid #555;    float:left;    width:450px;}#footer #social a {margin-right:20px;}#footer #feed {    margin-left:99px;    margin-top:-10px;    float:left;    width:410px;    height:70px;    background: url('/imgs/feed-bg.png') no-repeat;    padding:30px;    padding-right:19px;    padding-left:20px;    font-size:1.25em;    color:#aaa;    text-align:center;    line-height:1.1em;}#footer .tweets { display:none; position:absolute; width:410px; }#footer #tweetwait { position:absolute; }#footer #bottombar {    clear:both;    text-align:center;    letter-spacing:1px;        padding-top:35px;    font-size:0.9em;}#footer #bottombar a {    margin:0 20px;    padding-top:25px;}#footer #bottombar a:hover {    background: url('/imgs/small-white-logo.png') no-repeat 50% 0px;}.dernierarticlestip {    position:absolute;    left: -84px;    top: 31px;}#carousel {    width:1100px;    padding-left:7px;    border:0px solid red;      margin:0 auto;}#carousel div {    float:left;    width:170px;    padding-top:120px;    margin-right:65px;    margin-left:30px;    font-size:0.75em;    color:#888;    position:relative;    border:0px solid yellow;}#carousel .preview {    top:75px;    left:5px;    border:1px solid #ddd;    padding:3px;    margin-bottom:10px;    position:absolute;    opacity:0.3;}#carousel .hidebar {    top:130px;    position:absolute;}#carousel span {    position:absolute;    top:140px;    left:0px;    font-size:0.9em;    text-align:center;}/** ACCUEIL **/.slogan {    margin:60px 0px 0px 0px;    text-align:center;}.slogan img { margin-bottom:40px; }.steps {     font-size:0.85em;    padding: 0px 0px 50px 0px;    margin:50px auto;    width:1000px;    position:relative;}.steps h2 {    margin-top:30px;}.step {    width:148px;    height:260px;    padding:30px 20px 0px 20px;    float:left;    margin:30px 5px;    border-radius:15px;  }.step.first {margin-left:0px;}.step.last {margin-right:0px;}.step img {    display:block;    margin:0px auto;    height:50px;}.step h2 { text-align:center; margin-top:10px; }.step p { text-align:center; font-size:0.95em; }.steps a {     color:#8bb54a;     text-decoration:none;    border-radius:10px;    background: url('/imgs/icon-guide-inbound-marketing.png') no-repeat 95% 15px;    padding:5px 50px 5px 15px;    display:inline-block;    transition:0.2s;    position:absolute;    right:0;    bottom:20px;    font-family: wire one;    font-size:2em;}.steps a:hover {     color:white;    background-color:#8bb54a;    transition:0.2s;    background-position-y: -27px;}.clients h3 {    width:120px;    margin-right:100px;    float:left;}.bannercontact {    background-color:#ff8d29;    padding:50px 0px 50px 0px;    text-align:center;    margin: 50px 0px;}.bannercontact.green { background-color:#6B952A !IMPORTANT; }.bannercontact h3 { color:white; margin-bottom:30px; }.bannercontact a {     color:white;     text-decoration:none;    border-radius:10px;    border:2px dashed white;    padding:5px 15px;    display:inline-block;    font-family: Wire one;    font-size:2em;    transition:0.2s;}.bannercontact.green a:hover { color:#6b952a !IMPORTANT; }.bannercontact a:hover {     color:#ff8d29;    background-color:white;    transition:0.2s;}/*** PORTFOLIO ***/#portfolio {    margin:0px 0px 100px 0px;    height:500px;    background: #8bb54a url('/imgs/bg-portfolio.png') repeat-x 50% 0px;    color:white;    position:relative;}.preloadimages img {    display:none;}.portfoliotitle {    font-family: 'Wire One', sans-serif;    font-size:4em;    position:absolute;    top:60px;    left:-600px;    opacity:0;}.portfoliotitle a { color:white; transition: 0.2s; }.portfoliotitle a:hover { text-decoration:none; text-shadow: 0px 0px 15px #fff; transition: 0.2s; }.portfoliotestimonial {    position:absolute;    top:150px;    width:360px;    padding:15px 20px;    height:100px;    border-radius:10px;    background-color: #8bb54a;    z-index:9999;    left:-600px;    opacity:0;    font-size:0.8em;}.portfoliosource {    font-size:0.85em;    text-align:right;    font-style:italic;    position:absolute;    bottom:15px;    width:360px;}.btnnextportfolio {    position:absolute !IMPORTANT;    display:inline-block;    bottom:-33px;    right:0px;    cursor:pointer;}.tipnextprojet {    position:absolute;    right:20px;    bottom:18px;}.screen {    position:absolute;    top:50px;}.screencontent {    position:absolute;    top:83px;    left:32px;    opacity:0;}.portfoliobubbles {    position:absolute;    overflow:hidden;    height:500px;    width:100%;    top:0px;}.topbubble {    opacity:0.65;}.paralax {    position:absolute;}/* CLIENTS */.clientboxes {    margin-top:50px;}.clientboxes a {    width:235px;    height:235px;    float:left;    margin:5px;    background-color: #f7f7f7;     text-align:center;    line-height: 240px;}.clientboxes a:hover {     background-color: #fff;     -webkit-transition: 100ms linear;    -moz-transition: 100ms linear;    -o-transition: 100ms linear;    -ms-transition: 100ms linear;    -khtml-transition: 100ms linear;    transition: 100ms linear;}.clientboxes a img {      vertical-align: middle;}/* EBOOK */.guidepreview {    margin:25px 0px 0px 195px;}#ebooksubmit {    cursor:pointer;}.ebookshare {    float: right;    padding: 90px 140px 0 0;}.papier {    text-align:center;    margin-bottom:50px;}.pdficon {    vertical-align: top;    padding: 64px 30px 0 0;}/* PLAYGROUND */.playground a {     opacity:0.75;     margin:10px;    border:3px solid #6B952A;    border-radius:3px;    display:block;    float:left;    width:300px;    height:171px;    transition:0.2s;}.playground a:hover { opacity:1; transition:0.2s; }/* FACEBOOK BUTTON *//* jREJECT PLUGIN *//* * jReject (jQuery Browser Rejection Plugin) * Version 1.0.0 * URL: http://jreject.turnwheel.com/ * Description: jReject is a easy method of rejecting specific browsers on your site * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/ * Copyright: Copyright (c) 2009-2011 Steven Bower under dual MIT/GPL license. */#jr_overlay {	top: 0;	left: 0;	padding: 0;	margin: 0;	z-index: 200;	position: absolute;}#jr_wrap {	position: absolute;	text-align: center;	width: 100%;	z-index: 300;	padding: 0;	margin: 0;}#jr_inner {	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;	font-size: 12px;	background: #FFF;	border: 1px solid #CCC;	color: #4F4F4F;	margin: 0 auto;	height: auto;	padding: 20px;	position: relative;}#jr_header {	display: block;	color: #333;	padding: 5px;	padding-bottom: 0;	margin: 0;	font-family: Helvetica,Arial,sans-serif;	font-weight: bold;	text-align: left;	font-size: 1.3em;	margin-bottom: 0.5em;}#jr_inner p {	text-align: left;	padding: 5px;	margin: 0;}#jr_inner ul {	list-style-image: none;	list-style-position: outside;	list-style-type: none;	margin: 0;	padding: 0;}#jr_inner ul li {	cursor: pointer;	float: left;	width: 120px;	height: 122px;	margin: 0 10px 10px 10px;	padding: 0;	text-align: center;}#jr_inner li a {	color: #333;	font-size: 0.8em;	text-decoration: none;	padding: 0;	margin: 0;}#jr_inner li a:hover {	text-decoration: underline;}#jr_inner .jr_icon {	width: 100px;	height: 100px;	margin: 1px auto;	padding: 0;	background: transparent no-repeat scroll left top;	cursor: pointer;}#jr_close {	margin: 0 0 0 50px;	clear: both;	text-align: left;	padding: 0;	margin: 0;}#jr_close a {	color: #000;	display: block;	width: auto;	margin: 0;	padding: 0;	text-decoration: underline;}#jr_close p {	padding: 10px 0 0 0;	margin: 0;}