@charset "UTF-8";
/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
html, body, a, abbr, acronym, address, blockquote, cite, code, del, dfn, em, h1, h2, h3, h4, h5, h6, hr, ins, kbd, p, pre, q, samp, strong, sub, sup, var, img, dd, dl, dt, li, ol, ul, caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr, button, fieldset, form, input, label, legend, optgroup, option, select, textarea, div, span  { padding: 0; margin: 0; outline: none; }

body { text-align: center; font-size: 0.8em; height: 100%; }

a { text-decoration: none; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/*Liens*/
a { color: #0048ff; }

a:hover { text-decoration: underline; }

a img { border: none; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/** Body */
body { font-family: 'Times New Roman', Verdana, Helvetica, Arial, Sans-serif; color: #292E10; background-color: #fffcf3; }

/** Tooltik */
#tooltip { position: absolute; display: none; }

/** Enveloppe principale */
#mainWrap { width: 950px; margin: 0 auto 0 auto; text-align: left; }

/** Header & Espace client */
#headerWrap { position: relative; width: 100%; background: url(../img/header.png) no-repeat 1px 15px; height: 95px; border-bottom: 5px solid #292e10; }
#headerWrap h1, #headerWrap p { text-indent: -999999px; position: absolute; top: -999999px; }
#headerWrap a { float: left; width: 375px; height: 58px; margin: 15px 0 0 1px; }

/** Magento Certified */
#magento_certified { height: 80px; position: absolute; top: 8px; left: 750px; width: 200px; }
#magento_certified a { display: block; height: 80px; width: 45px; margin: 0; }
#magento_certified .developer { background: url(../img/magento_developer.png) top left no-repeat transparent; margin-right: 5px; }
#magento_certified .developer-plus { background: url(../img/magento_developer_plus.png) top left no-repeat transparent; margin-right: 5px; }
#magento_certified .frontend-developer { background: url(../img/magento_frontend_developer.png) top left no-repeat transparent; }
#magento_certified .solution-specialist { background: url(../img/magento_solution_specialist.png) top left no-repeat transparent; margin-right: 5px; }

/** Forum PHP */
#forumphp { height: 80px; position: absolute; top: 8px; left: 400px; width: 364px; }
#forumphp a { display: block; margin: 5px 0 0 0; width: 200px; }
#forumphp a img { width: 550px; }

/*
#loginWrap { background:         url(../img/espace_client.png) left bottom no-repeat #454d1b; width:              280px; float:              right; text-align:         right; height:             auto !important; height:             30px; min-height:         30px; padding-right:      20px; position:           absolute; margin-left:        650px; z-index:            20;
}

#loginWrap h5 { font-size:          1em; float:              left; font-style:         italic; font-weight:        bold; line-height:        25px; margin-left:        20px; letter-spacing:     1px; color:              #FFFFFF;
}

#loginWrap a { color:              #FFFFFF; line-height:        25px;
}

#loginWrap form { text-align:         left; padding-left:       30px; padding-bottom:     10px; display:            none;
}

#loginWrap form p {
}

#loginWrap form label { display:            block; color:              #FFFFFF; font-style:         italic; font-size:          1.2em; margin-top:         15px; letter-spacing:     1px; padding:            0 0 5px 10px;
}

#loginWrap form input.text { border:             1px solid #3b4217; padding:            2px; font-size:          13px; font-family:        'Times New Roman', Verdana, Helvetica, Arial, Sans-serif; height:             17px; line-height:        17px; width:              225px;
}

#loginWrap form p.send { text-align:         center; margin-top:         15px;
}

#loginWrap form p.send input { background:         url(../img/login_send.png) no-repeat top left; width:              80px; height:             30px; color:              #444c1a; border:             none; font-family:        'Times New Roman', Verdana, Helvetica, Arial, Sans-serif; font-size:          1.2em;
}

#loginWrap p.close { text-align:         right; padding-top:        15px;
}
*/
/** Citation */
#quoteWrap { background: url(../img/banniere.png) top left no-repeat; height: 85px; border-bottom: 1px solid #25290e; padding: 15px 0 0 250px; }

#quoteWrap p { font-weight: bold; font-style: italic; font-size: 1.3em; color: #444c1a; width: 450px; letter-spacing: 1px; }

#quoteWrap p:before { content: "“"; }

#quoteWrap p:after { content: "”"; }

#quoteWrap cite { font-style: italic; font-size: 1.3em; color: #444c1a; padding-left: 10px; }

/** Menu */
#menu, .menu-wrapper { height: 45px; margin-bottom: 20px; }

#menu { background: url(../img/menu_fond.png) top left repeat-x; padding-left: 20px; overflow: hidden; width: 930px; }
#menu.affix { position: fixed; top: 0; z-index: 99999; }
#menu .search { float: right; padding-right: 12px; }
#menu li { line-height: 45px; font-style: italic; font-size: 1.3em; float: left; list-style: none; letter-spacing: 1px; }
#menu li.current a, #menu li a:hover { background: url(../img/bord_droit_menu_hover.png) right 8px no-repeat; text-decoration: none; }
#menu li.current a span, #menu li a:hover span { background: url(../img/bord_gauche_menu_hover.png) left 8px no-repeat; }
#menu li a { color: #FFFFFF; display: block; float: left; padding: 0 25px 0 0; outline: none; }
#menu li a span { display: block; float: left; width: 3px; height: 45px; margin-right: 22px; }

/** Link to Monsieur Biz */
#topWrap div.mbiz { border: 1px solid #BBD367; padding: 5px; width: 938px; text-align: center; }
#topWrap div.mbiz p { background-color: #F2F4D1; width: 100%; }
#topWrap div.mbiz p a { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; color: #292E10; position: relative; }
#topWrap div.mbiz p a img { position: absolute; top: 0px; height: 35px; }
#topWrap div.mbiz p a span { padding-left: 45px; }

.notfound #topWrap div.mbiz { display: none; }

/** Sidebar */
#sideWrap { width: 290px; float: right; color: #292e10; text-align: justify; margin-bottom: 40px; }
#sideWrap p { font-size: 1.1em; }
#sideWrap img { display: block; padding: 5px; border: 1px solid #bbd367; margin: 0 auto 5px; }
#sideWrap .service { width: 265px; float: none; clear: both; }
#sideWrap .service img { display: block; padding: 0; border: none; margin: 0 2px 0 0; }
#sideWrap ul { padding-left: 15px; }
#sideWrap ul li { line-height: 20px; }
#sideWrap .tags a { color: #292E10; }
#sideWrap .tags a :hover { text-decoration: underline; }
#sideWrap .infos strong { float: right; font-weight: normal; }
#sideWrap .me { margin-top: 20px; }

/** Contenu */
#contentWrap { width: 620px; float: left; margin-bottom: 40px; }
#contentWrap ul, #contentWrap ol { padding-left: 35px; }
#contentWrap ul li, #contentWrap ol li { font-size: 1.1em; line-height: 20px; }
#contentWrap ul li p, #contentWrap ol li p { padding: 0; }
#contentWrap p { padding: 5px; font-size: 1.1em; }

.pagination { text-align: center; }

/** Bas de page */
#bottomWrap { height: 390px; clear: both; }

/** Contact */
#contactWrap { clear: both; background: url(../img/fleur_footer.png) 420px bottom no-repeat #f5f5d6; height: 260px; padding: 0 20px 0; margin-top: 20px; border-top: 5px solid #000000; width: 910px; overflow: visible; }
#contactWrap form { width: 390px; float: left; }
#contactWrap form h3 { margin-bottom: 10px; }
#contactWrap form p { padding-bottom: 2px; }
#contactWrap form label { display: block; width: 75px; float: left; line-height: 21px; font-size: 1.1em; }
#contactWrap form input.text, #contactWrap form textarea { border: 1px solid #d9d9c5; padding: 2px; font-size: 13px; font-family: 'Times New Roman', Verdana, Helvetica, Arial, Sans-serif; }
#contactWrap form input.text { height: 17px; line-height: 17px; width: 306px; }
#contactWrap form textarea { width: 306px; height: 100px; }
#contactWrap form p.send { text-align: center; padding-left: 75px; padding-top: 5px; }
#contactWrap form p.send input { background: url(../img/contact_send.png) no-repeat top left; width: 104px; height: 30px; color: white; border: none; font-family: 'Times New Roman', Verdana, Helvetica, Arial, Sans-serif; font-size: 1.2em; }
#contactWrap div.qrcode { width: 270px; float: right; }
#contactWrap div.qrcode p { text-align: center; }

/** Footer */
#footerWrap { clear: both; background: #444c1a; height: 60px; line-height: 60px; text-align: right; font-size: 1.1em; color: #FFFFFF; letter-spacing: 10px; padding-right: 20px; margin-bottom: 50px; }
#footerWrap a { color: #FFFFFF; font-style: italic; letter-spacing: 1px; margin-right: 10px; }
#footerWrap .social { float: left; margin: 5px 20px; }
#footerWrap .copy { color: #292E10; letter-spacing: 2px; }

#contentWrap blockquote { padding-left: 10px; margin: 15px 0 15px 10px; border-left: 3px solid #bbd367; color: #5c6724; }

/** 404 */
.notfound #headerWrap { border-bottom: none; }
.notfound #menu { margin-bottom: 0; }
.notfound #bottomWrap { height: 60px; }
.notfound #lost { background: transparent url(../img/lost.png) center center no-repeat; width: 950px; height: 382px; position: relative; }
.notfound #lost .msg { display: block; font-weight: bold; font-size: 2em; position: absolute; top: 227px; left: 155px; }
.notfound #quoteWrap, .notfound #contactWrap { display: none; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
h1 { border: 4px solid #474f1f; border-left: none; border-right: none; font-size: 2.3em; color: #657027; padding: 5px 0; font-weight: normal; letter-spacing: 1px; padding-left: 2px; margin: 20px 0 10px 0; }

h2 { border: 4px solid #474f1f; border-left: none; border-right: none; font-size: 2em; color: #657027; padding: 5px 0; font-weight: normal; letter-spacing: 1px; padding-left: 2px; margin: 20px 0 10px 0; }
h2 a { color: #657027; }

h3 { color: #292e10; border-bottom: 1px solid #292e10; font-size: 1.6em; font-weight: normal; margin: 10px 0 5px 0; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/*text-align*/
.center { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

.justify { text-align: justify; }

/*float & clear*/
.floatl { float: left; }

.floatr { float: right; }

.both { clear: both; }

/*color*/
.black { color: black; }

.white { color: white; }

.red { color: red; }

.blue { color: blue; }

.green { color: green; }

.yellow { color: yellow; }

.purple { color: purple; }

/*vertical-align*/
.va-middle { vertical-align: middle; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/** En voir/savoir plus */
.voirPlus { text-align: right; border-bottom: 1px solid #474f1f; height: 30px; line-height: 30px; clear: both; }
.voirPlus a { color: #444c1a; }
.voirPlus a :hover { text-decoration: underline; }
.voirPlus .social { float: left; }
.voirPlus .social .twitter-share-button { margin-bottom: -5px; }

/** HR */
hr { height: 19px; border: none; background: url(../img/hr.png) center no-repeat; margin: 15px 0; }

/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
/** @author        Jacques Bodin-Hullin <http://www.bodin-hullin.net> @copyright     (C) 2009 Jacques Bodin-Hullin @license       All rights reserved */
.carrousel { border: 1px solid #bbd367; padding: 5px; }
.carrousel .content { background: #f2f4d1; padding-top: 5px; padding-bottom: 5px; overflow: hidden; }
.carrousel .goLeft, .carrousel .goRight { display: block; height: 170px; line-height: 170px; text-align: center; width: 20px; }
.carrousel .goLeft span, .carrousel .goRight span { display: none; }
.carrousel .goLeft { float: left; background-color: #f2f4d1; }
.carrousel a.goLeft { background: url(../img/fleche_gauche_carrousel.png) no-repeat center #f2f4d1; }
.carrousel .goRight { float: right; background-color: #f2f4d1; }
.carrousel a.goRight { background: url(../img/fleche_droite_carrousel.png) no-repeat center #f2f4d1; }

.carrousel .item, .references .item { float: left; width: 50%; text-align: right; }
.carrousel .item .subitem, .references .item .subitem { width: 273px; margin: 0 auto; }
.carrousel .item .subitem .detail, .references .item .subitem .detail { color: #292e10; font-size: 1em; }
.carrousel .item .subitem .detail :hover, .references .item .subitem .detail :hover { text-decoration: underline; }
.carrousel .item h3, .references .item h3 { color: #292e10; font-size: 1.5em; font-weight: normal; letter-spacing: 1px; width: 270px; margin: 0 auto 2px auto; text-align: left; }
.carrousel .item img, .references .item img { display: block; border: 1px solid #aac841; padding: 5px; background: #FFFFFF; margin: 0 auto 3px auto; }

/** Mes services */
.service { width: 194px; float: left; }

.service ul { padding-left: 15px; color: #292e10; }

.service ul li { height: auto !important; height: 20px; min-height: 20px; line-height: 20px; font-size: 1.1em; }

.service ul li img { display: block; float: right; margin-left: 2px; border: none; padding: 0; }

.service.quoi, .service.pourquoi { margin-right: 19px; }

#services h3 { height: 40px; line-height: 40px; font-size: 1.3em; color: #000000; border: 1px solid #e8debe; border-left: none; border-right: none; padding-left: 10px; }

.service.quoi h3 { background: url(../img/icone_gauche.png) no-repeat 150px center #f5f5d6; }

.service.pourquoi h3 { background: url(../img/icone_milieu.png) no-repeat 145px center #f5f5d6; }

.service.qui h3 { background: url(../img/icone_droite.png) no-repeat 145px center #f5f5d6; }

/* Monsieur Biz */
.monsieurbiz-popin { color: #434343; font-family: 'Oswald', sans-serif; }
.monsieurbiz-popin img { margin-top: -20px; }
.monsieurbiz-popin h2 { font-size: 30px; color: #434343; font-family: 'Oswald', sans-serif; border: none; font-weight: bold; margin-top: -10px; }
.monsieurbiz-popin h2 span.lines { border-bottom: 1px solid #AEAEAE; border-top: 1px solid #AEAEAE; }
.monsieurbiz-popin .action p { color: #515151; font-size: 22px; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; line-height: 23px; margin-bottom: 20px; }
.monsieurbiz-popin a:hover, .monsieurbiz-popin a:focus { color: #000000; }
.monsieurbiz-popin a, .monsieurbiz-popin a:visited { color: #333333; outline: 0 none; text-decoration: underline; }
.monsieurbiz-popin .button1, .monsieurbiz-popin input[type="submit"], .monsieurbiz-popin input[type="reset"], .monsieurbiz-popin input[type="button"] { background: none repeat scroll 0 0 #3A3A3A; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size: 15px; font-weight: 400; line-height: normal; margin-bottom: 20px; padding: 6px 10px; text-decoration: none; text-transform: uppercase; }

#references { color: #333333; }
#references .item { width: 610px; border: 1px solid #bbd367; padding: 5px; margin-bottom: 10px; }
#references .item .item-sub-container { background-color: #f2f4d1; }
#references .item .item-sub-container h2 { border: none; background-color: #f2f4d1; color: #333333; font-weight: normal; margin: 0; font-size: 1.8em; padding: 5px 10px 5px 15px; }
#references .item .item-sub-container .subitem { background-color: #f2f4d1; border-top: 1px solid #d6e4a2; margin: 0 15px; }
#references .item .item-sub-container .subitem img { padding: 5px; float: left; background: #fff; border: 1px solid #bbd367; margin-top: 10px; }
#references .item .item-sub-container .subitem ul { list-style-type: none; height: 120px; width: 290px; float: right; font-size: 1.1em; padding-left: 0; }
#references .item .item-sub-container .subitem ul li { float: right; width: 290px; border-bottom: 1px solid #cdde8f; line-height: 30px; }
#references .item .item-sub-container .subitem ul li span { font-weight: bold; }
#references .item .item-sub-container .subitem ul li strong { font-weight: normal; float: right; }
#references .item .item-sub-container .subitem .detail { clear: both; text-align: right; line-height: 35px; }
#references .item .item-sub-container .subitem .detail a { font-weight: bold; color: #333333; font-size: 1.1em; }
#references .item .item-sub-container .subitem .detail a :hover { text-decoration: underline; }

.post p { padding: 5px; font-size: 1.1em; }

img.post { border: 1px solid #bbd367; }

#sideWrap .social { padding-top: 20px; }

.hll { background-color: #ffffcc; }

.c { color: #408080; font-style: italic; }

/* Comment */
.err { border: 1px solid #FF0000; }

/* Error */
.k { color: #008000; font-weight: bold; }

/* Keyword */
.o { color: #666666; }

/* Operator */
.cm { color: #408080; font-style: italic; }

/* Comment.Multiline */
.cp { color: #BC7A00; }

/* Comment.Preproc */
.c1 { color: #408080; font-style: italic; }

/* Comment.Single */
.cs { color: #408080; font-style: italic; }

/* Comment.Special */
.gd { color: #A00000; }

/* Generic.Deleted */
.ge { font-style: italic; }

/* Generic.Emph */
.gr { color: #FF0000; }

/* Generic.Error */
.gh { color: #000080; font-weight: bold; }

/* Generic.Heading */
.gi { color: #00A000; }

/* Generic.Inserted */
.go { color: #808080; }

/* Generic.Output */
.gp { color: #000080; font-weight: bold; }

/* Generic.Prompt */
.gs { font-weight: bold; }

/* Generic.Strong */
.gu { color: #800080; font-weight: bold; }

/* Generic.Subheading */
.gt { color: #0040D0; }

/* Generic.Traceback */
.kc { color: #008000; font-weight: bold; }

/* Keyword.Constant */
.kd { color: #008000; font-weight: bold; }

/* Keyword.Declaration */
.kn { color: #008000; font-weight: bold; }

/* Keyword.Namespace */
.kp { color: #008000; }

/* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold; }

/* Keyword.Reserved */
.kt { color: #B00040; }

/* Keyword.Type */
.m { color: #666666; }

/* Literal.Number */
.s { color: #BA2121; }

/* Literal.String */
.na { color: #7D9029; }

/* Name.Attribute */
.nb { color: #008000; }

/* Name.Builtin */
.nc { color: #0000FF; font-weight: bold; }

/* Name.Class */
.no { color: #880000; }

/* Name.Constant */
.nd { color: #AA22FF; }

/* Name.Decorator */
.ni { color: #999999; font-weight: bold; }

/* Name.Entity */
.ne { color: #D2413A; font-weight: bold; }

/* Name.Exception */
.nf { color: #0000FF; }

/* Name.Function */
.nl { color: #A0A000; }

/* Name.Label */
.nn { color: #0000FF; font-weight: bold; }

/* Name.Namespace */
.nt { color: #008000; font-weight: bold; }

/* Name.Tag */
.nv { color: #19177C; }

/* Name.Variable */
.ow { color: #AA22FF; font-weight: bold; }

/* Operator.Word */
.w { color: #bbbbbb; }

/* Text.Whitespace */
.mf { color: #666666; }

/* Literal.Number.Float */
.mh { color: #666666; }

/* Literal.Number.Hex */
.mi { color: #666666; }

/* Literal.Number.Integer */
.mo { color: #666666; }

/* Literal.Number.Oct */
.sb { color: #BA2121; }

/* Literal.String.Backtick */
.sc { color: #BA2121; }

/* Literal.String.Char */
.sd { color: #BA2121; font-style: italic; }

/* Literal.String.Doc */
.s2 { color: #BA2121; }

/* Literal.String.Double */
.se { color: #BB6622; font-weight: bold; }

/* Literal.String.Escape */
.sh { color: #BA2121; }

/* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold; }

/* Literal.String.Interpol */
.sx { color: #008000; }

/* Literal.String.Other */
.sr { color: #BB6688; }

/* Literal.String.Regex */
.s1 { color: #BA2121; }

/* Literal.String.Single */
.ss { color: #19177C; }

/* Literal.String.Symbol */
.bp { color: #008000; }

/* Name.Builtin.Pseudo */
.vc { color: #19177C; }

/* Name.Variable.Class */
.vg { color: #19177C; }

/* Name.Variable.Global */
.vi { color: #19177C; }

/* Name.Variable.Instance */
.il { color: #666666; }

/* Literal.Number.Integer.Long */
pre, code, .code { font-family: Consolas, "Liberation Mono", Monaco, Andale Mono, Courier New, Courier, monospace; font-size: 12px; }

pre, .code { border: 1px solid #bbd367; background: #fff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; margin: 5px; overflow: auto; }

.gist pre { font-size: 1em; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

code { background-color: #FEE9CC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; }

h2 code { font-size: 80%; }

pre code { background: none; padding: 0; }

.match { background: #d6e4a2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.search { float: right; padding-right: 12px; }

#results ul { padding-left: 30px; }

#loader { background: url(../img/loader.gif) center center no-repeat; height: 30px; width: 30px; margin: 0 auto; text-indent: -99999px; }

/*# sourceMappingURL=style.css.map */