/* reset */
* { margin: 0; padding: 0; }
img { border: none; }
body { 
  background: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #808080;
  min-width: 714px; 
  font-family: arial, verdana, sans-serif;
  font-size: 14px;
}
p { text-align: justify }

.page { width: 728px; text-align: left; margin: 0px auto; }
.larger { width: 800px; padding-left: 42px; }
.orange { color: #fcc20b; }
.green { color: #41a542; }
.clear { clear: both; }


.font12 { font-size: 12px }
.font14 { font-size: 14px }
.font16 { font-size: 16px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }
.font22 { font-size: 22px }
.font24 { font-size: 24px }
.font26 { font-size: 26px }
.font28 { font-size: 28px }
.font30 { font-size: 30px }
.font32 { font-size: 32px }
.font34 { font-size: 34px }

.margintop-6 { margin-top: -6px; }
.margintop8 { margin-top: 8px; }
.margintop20 { margin-top: 20px; }
.margintop30 { margin-top: 30px; }
.margintop40 { margin-top: 40px; }
.margintop60 { margin-top: 58px; }
.marginright14 { margin-right: 14px; }
.marginbottom30 { margin-bottom: 30px; }
.marginleft24 { margin-left: 24px; }
.marginleft30 { margin-left: 30px; }

.paddingtop10 { padding-top: 10px; }
.paddingtop15 { padding-top: 15px; }
.paddingtop16 { padding-top: 16px; }
.paddingleft30 { padding-left: 30px; }

.rightsupmargin { margin-right: 8px; }

.small-ls { letter-spacing: -0.5px; }
.small-lh { line-height: 16px; }
.lineheight16 { line-height: 16px; }
.lineheight32 { line-height: 32px; } 
.lineheight30 { line-height: 60px; }

.textalignright { text-align: right; }
.textalignleft { text-align: left; }
.textaligncenter { text-align: center; }

#header-wrapper { width: 100%; background: #3D9242; height: 90px; }
#header { }
#header #logo { padding: 20px 0 0 0; height: 52px; width: 140px; float: left; }
#header #tagline {
  float: left;
  font-style: italic;
  font-size: 20px;
  color: #6ed13b;
  margin: 37px 0 0 90px;
}

#menu-wrapper { background: url(/images/menu_bg.png) repeat-x; clear: both;}
#menu { height: 50px; }

#menu ul  {
  padding-left: 0;
  margin-left: 3px;
  float: left;
  width: 100%;
  height: 45px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#menu ul li { display: inline; }
#menu ul li a  {
  padding: 0px 17px 14px 17px;
  margin-right: 10px;
  font-size: 19px;
  color: white;
  text-decoration: none;
  float: left;
}

#menu ul li  a:hover, #menu .current a, #menu .current a:visited {
  background: #3f9142 url(/images/menu_arrow_bg.png) no-repeat scroll center 34px;
  color: #fcc20b;
  text-decoration: none;
}

#menu ul li a:hover { color: white; }

#content-wrapper {}
#content { min-height: 300px; padding: 10px 0 10px 0; }

#content p.bigaccroche {
  text-align: left;
  color: #8e8f91;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.5px;
}

#content h2 { font-weight: normal; color: #fcc20b; margin: 5px 0 ;  }
#content h4 { font-weight: bold; color: #fcc20b; font-size: 16px; margin: 5px 0 ; }
#content h4.green { font-weight: bold; color: #41a542; font-size: 16px; margin: 5px 0 ; }

.col1of2 { float: left; width: 355px; margin-top: 15px; }
.col2of2 { float: right; width: 355px; }

.col2tiers { float: left; width: 68%; }
.col1tier { float: left; width: 31%; }

.frontparagraph{}
.frontparagraph .icon { width: 70px; float: left; height: 120px;}
.frontparagraph .txt  h3 { color: #41a542; font-size: 16px; font-weight: bold;}
.frontparagraph .txt p { font-size: 12px; text-align: justify; margin-top: 4px; }

#footer-wrapper { background: url(/images/footer-bg.png) repeat-x 0 0; }
#footer { height: 218px; }

#footer h4 { font-weight: bold; }
#footer p { font-size: 12px; margin: 6px 0 12px 0; }
#footer .withmargin  { margin-top: 15px; }

#footer a { color: #808080; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#fleft, #fmiddle, #fright { float: left; }
#fleft, #fright { height: 200px;}
#fleft { padding-left: 50px; width: 50px; }

#fmiddle { width: 176px; }

#fright { text-align: right; }

#content div.degradebox {
  float: left;
  background: url(/images/gray-bg.png) top right no-repeat;
  height: 133px;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: -0.5px;
}
#content div.degradebox:hover { background: url(/images/gray-bg-darker.png) top right no-repeat; }
#content div.degradebox.tiote  { width: 136px; }
#content div.degradebox.groche { width: 192px; }
#content div.degradebox.infinite { height: 133px; width: 50%; background: url(/images/gray-bg-l.png) top left no-repeat; }
/*#content div.degradebox.infinite img { position: relative; margin: auto; }*/
/*#content div.degradebox.infinite:hover {  background: url(/images/gray-bg-l-darker.png) top left no-repeat; }*/
#content div.degradebox ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  line-height: 16px;
}

.infocon { margin-top: 15px; background: url(/images/logo-infocon.png) top left no-repeat; }
.infocon img { margin-top: -15px; }
.ousontlesmales { margin-top: 0px; background: url(/images/logo-ousontlesmales.png) top left no-repeat; }
.ousontlesmales img { margin-top: 0px; }
.heartmath { margin: 35px 0 0 10px; background: url(/images/logo-hmfrance.png) top left no-repeat; }
.heartmath img { margin: -35px 0 0 -10px; }
.rencards { margin: 15px 0 0 10px; background: url(/images/logo-rencards.png) top left no-repeat; }
.rencards img { margin: -15px 0 0 -10px; }
.whiteboard { margin: 8px 0 0 30px; background: url(/images/portfolio/thumb-whiteboard.png) top left no-repeat; }
.whiteboard img { margin: -8px 0 0 -30px; }
.reachpack { margin: 10px 0 0 10px; background: url(/images/portfolio/thumb-reachpack.png) top left no-repeat; }
.reachpack img { margin: -10px 0 0 -10px; }
.pic{ margin: 10px 0 0 10px; background: url(/images/logo-piconseil.png) top left no-repeat; }
.pic img { margin: -10px 0 0 -10px; }


#content div.degradebox h4{ color: #41a542; font-size: 14px; }
div.degradebox p { text-align: left; }

li.project { list-style-type: none; clear: both; padding: 20px 0; }
li.project h3 { font-size: 14px; font-weight: bold; line-height: 30px; }

#hm1, #hm2 { margin-left: 10px;}
#hm1 { margin-bottom: 10px;}


p.huge {
  color: #dddada;
  font-size: 58px;
  line-height: 55px;
}

p.huge2 {
  color: #dddada;
  font-size: 54px;
  line-height: 55px;
}

#bottom_links { width: 100%; position: relative; text-align: center; bottom: 0; font-size: 10px;}
#bottom_links a { font-size: 10px; color: #808080; text-decoration: none; }
#bottom_links a:hover { text-decoration: underline; }

a#france { display: block; background: url(/images/location.png) no-repeat top left; margin: 0; }
a#france:hover { background: url(/images/location-li.png) no-repeat top left; }

#whoweare {
  background: #f8f8f4;
  color: #949393;
  text-align: center;
  padding: 4px 8px;
}

.screen { margin-top: 35px; }
.screen img { width: 185px; }

/* sitemap */
ul#plan li { margin-left: 30px; }
ul#plan a, ul#plan a:visited { color: #555; }
ul#plan a:hover { background-color: #41a542; }