/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/************************************************************************/
/* @font-face
/************************************************************************/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/fonts/League_Gothic-webfont.eot');
    src: url('/fonts/League_Gothic-webfont.eot?#iefix') format('opentype'),
         url('/fonts/League_Gothic-webfont.woff') format('woff'),
         url('/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('/fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************************************************/
/*   Generalities
/************************************************************************/

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -200px;
}

body {
  font-size: 12px;
  color: #093859;
  line-height: normal;
  font-family: Helvetica, Arial, sans-serif;
  text-align:justify;
}

h1, .h1 {
  color: white;
  text-shadow: 0px 2px 1px #0a3565;
  font-size: 39px;
  font-family: "LeagueGothicRegular";
  font-weight: normal;
}

h2, .h2 {
  color: #10B2C3;
  font-size: 30px;
  font-family: "LeagueGothicRegular";
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 10px;
}

h3, .h3 {
  font-size: 14px;
  color: #2199b7;
  text-shadow: 0px 1px 0 white;
  margin-bottom: 10px;
  font-weight: bold;
}

h4, .h4 {
  font-size: 12px;
  color: #2199b7;
  text-shadow: 0px 1px 0 white;
  margin-bottom: 5px;
  font-weight: bold;
}

p {
  color: #0a3858;
  font-size: 12px;
  margin-bottom: 10px;
}

a {
  color:inherit; 
  //color:expression(this.parentNode.currentStyle['color']); /* Specific to IE <= 7, to force the inheritance */
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/************************************************************************/
/*   Helpful class
/************************************************************************/

hr.clear {
  clear:both;
  visibility: hidden;
  line-height: 0;
  border: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.alpha {
  margin-left: 0px!important;
}

.omega {
  margin-right: 0px!important;
}

/* TODO : remove these classes, replace them with floatLeft / floatRight */
.right {
  float: right;
}

.left {
  float: left;
}

.floatNone {float:none !important;}
.floatLeft {float: left !important;}
.floatRight {float: right !important;}
.clearBoth {clear:both !important;}
.underline {text-decoration:underline !important;}
.block {display: block !important;}
.hidden {display: none !important;}
.inline {display: inline !important;}
.center {text-align:center !important;}
.centered {margin-left:auto !important; margin-right:auto !important;}
.left, .alignLeft {text-align:left !important;}
.right, .alignRight {text-align:right !important;}
.justify {text-align:justify !important;}
.link {text-decoration: underline !important; cursor:pointer !important;}
.bold {font-weight:bold !important;}
.empty {line-height:0; font-size:0; margin:0; padding:0; width:0; height:0; font-size:0;}
.fullWidth {width:100% !important;}
.halfWidth {width:50% !important;}
.vMiddle {vertical-align:middle;}
.smallSpacing {letter-spacing: -1px;}
.clearedBox {
  overflow:hidden;
}
* html .clearedBox {width:100%;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.noMarginTop {
  margin-top:0 !important;
}

ul.crossWhiteList, ul.crossBlueList, ul.dashBlueList {list-style-type: none; padding:0 0 0 30px; margin:0;}
ul.crossWhiteList li, ul.crossBlueList li, ul.dashBlueList li {margin: 10px 0;}
ul.crossBlueList {list-style-image: url(/img/icon-cross2.png);}
ul.crossWhiteList {list-style-image: url(/img/icon-cross3.png);}
ul.dashBlueList {list-style-image: url(/img/dashClear.png);}

.halfWidth {width:49%;  float:left;}
.halfWidth .rightSepar, .halfWidth .leftSepar {padding:0 30px;}
.halfWidth .rightSepar {border-right: 1px solid #eff7fa;}
.halfWidth .leftSepar {border-left: 1px solid #bfd6de;}

.orange, .orange:hover {color:#F16A0C;}


/************************************************************************/
/*  Structure
/************************************************************************/

.sticky, .push {
  height: 200px;
  clear: both;
}

.content {
  width: 960px!important;
  margin: auto;
  /* For positioning of the resume div */
  position: relative;
}

.bloc {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c6d8e2;
  background: white;
  padding: 20px;
}

.box-shadow {
  height: 73px;
  width: 100%;
  background: url('/img/shadow-inset-bottom.png') no-repeat top center;
}

.box-shadow2 {
  height: 32px;
  width: 223px;
  background: url('/img/shadow-inset-bottom-menu.png') no-repeat top center;
  margin-bottom: -20px;
}

.box-shadow3 {
  height: 52px;
  width: 615px;
  background: url('/img/shadow-inset-bottom2.png') no-repeat top center;
}

/************************************************************************/
/*  Center for IE 6
/************************************************************************/

#header, #menu, #main, #titrePage, #maincontent, #footer, #copyright {
  text-align: center;
}

.content {
  text-align: left;
}


/************************************************************************/
/*  Button
/************************************************************************/
.button {
  display: block;
  background: url('/img/bg-button.png') repeat-x 0px 0px;
  height: 12px;
  border: 1px solid #3e6d94;
  padding: 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  -moz-box-shadow: 0px 1px 0px #88c7e9 inset, 0px 2px 2px #a6bed2;
  -webkit-box-shadow: 0px 1px 0px #88c7e9 inset, 0px 2px 2px #a6bed2;
  box-shadow: 0px 1px 0px #88c7e9 inset, 0px 2px 2px #a6bed2;
  text-shadow: 1px 1px 0 #257898;
}

.button {
  _height: 28px;
  _padding: 4px 4px 0 4px;
}

.button:hover {
  background-position: 0px -26px;
  border: 1px solid #1170b5;
  -moz-box-shadow: 0px 1px 0px #51c2f3 inset, 0px 2px 2px #a6bed2;
  -webkit-box-shadow: 0px 1px 0px #51c2f3 inset, 0px 2px 2px #a6bed2;
  box-shadow: 0px 1px 0px #51c2f3 inset, 0px 2px 2px #a6bed2;
  text-decoration: none;
}

.big-button {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  text-shadow: 1px 1px 0 #c1801e;
  text-align: right;
  padding-right: 30px;
  padding-top: 18px;
  font-family: Arial, sans-serif;
}

.big-button:hover {
  background-position: 0px -62px;
  text-decoration: none;
}

/************************************************************************/
/*  Icon
/************************************************************************/


/************************************************************************/
/*  Header
/************************************************************************/

#header {
  width: 100%;
  background: url('/img/bg-header.png') repeat-x top left;
  height: 94px;
  position: relative;
}

#slogan {
  float:right;
  margin-top: 60px;
  color: #00326d;
  font-size: 15px;
  font-weight: bold;  
  text-shadow: 0px 1px 0 white;
}

#header a.logo {
  display: block;
  width: 241px;
  height: 94px;
  background: url('/img/logo.png') no-repeat top left;
  text-indent: -9999px;
  overflow: hidden;
}

/************************************************************************/
/*  Menu
/************************************************************************/

#menu {
  width: 100%;
  height: 37px;
  background: url('/img/bg-menu.png') repeat-x top left;
  border-top: 1px solid #c0dae9;
  border-bottom: 1px solid white;
  -moz-box-shadow: 0px 1px 0px white inset;
  -webkit-box-shadow: 0px 1px 0px white inset;
  box-shadow: 0px 1px 0px white inset;
  position: relative;
  margin: 0;
}

#menu ul {
  margin: -1px 0 0 0;

}

#menu ul li {
  float: left;
  margin: 0;
  position:relative;
}

#menu ul li .subMenu ul{margin:0; padding-left:13px;}
#menu ul li .subMenu ul li {padding: 5px 0; float:none; position:static; font-weight:bold; text-shadow: 0 1px 0 #FFF; color:#1C5A95;}

#menu .top, #menu  .bottom {position:absolute; left:0; top: 100%; z-index:1100; background: transparent no-repeat 0 0;}
#menu div.subMenu {display:none;}
#menu li:hover div.subMenu,
#menu .hover div.subMenu,
#menu .visible div.subMenu {display:block;}

#menu ul li a.niv0 {
  display: block;
  line-height:38px;
  font-size: 13px;
  font-weight: bold;
  color: #00326d;
  text-shadow: 0px 1px 0 white;
  text-decoration: none;
  border-left: 1px solid #FFF;
  border-right: 1px solid #C0DAE9;
  border-top:none;
  border-bottom:none;
  padding: 0 6px;
  font-family: Arial, sans-serif;
  float: left;
  margin: 0;
  overflow: hidden;
}

#menu ul li a.niv0:hover {
  background-color: #d1e5f1;
  background-color: rgba(255,255,255,0.4);
  color: #2183b7;
}

#menu ul li.active a.niv0, #menu ul li.active a.niv0:hover {
  background: url('/img/bg-menu-active.png') repeat-x top left;
  line-height:36px; /* It's 2px less than the regular a, to compensate for the 2px border ! */
  border: 1px solid #009ab6;
  -moz-box-shadow: 0px 1px 0px #5fccea inset;
  -webkit-box-shadow: 0px 1px 0px #5fccea inset;
  box-shadow: 0px 1px 0px #5fccea inset;
  color: white;
  text-shadow: 1px 1px 0 #257898;
}

#menu  .top {padding-top:15px;}
#menu  .bottom {background-position:0 100%; padding-bottom: 3px;}
#menu .top, #menu .bottom {background-image: url(/img/menu/defaultMenu.png?v=1); width:232px;}
* html #menu .top, * html #menu .bottom {background-image: url(/img/menu/defaultMenu.gif?v=1);}
* html #menu .bottom {position:static;}

/************************************************************************/
/*  Slider
/************************************************************************/

#slider {
  height: 290px;
  background: url('/img/bg-slider.png') repeat-x top left;
  border-top: 1px solid #1c5a93;
  -moz-box-shadow: 0px 1px 0px #6eb6e1 inset;
  -webkit-box-shadow: 0px 1px 0px #6eb6e1 inset;
  box-shadow: 0px 1px 0px #6eb6e1 inset;
  margin: 0;
}

#sliderImg {
  width: 450px;
  height: 249px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 16px;
  -moz-box-shadow: 0px 3px 2px #011e3f;
  -webkit-box-shadow: 0px 3px 2px #011e3f;
  box-shadow: 0px 3px 2px #011e3f;
  margin-right: 20px;
}

#sliderImg img {
  width: 450px;
  height: 249px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* Slider behavior */
#sliderImg .viewport {position:relative; width:450px; height:249px; overflow:hidden;}
#sliderImg .viewport .container {position:absolute; left:0;}


#sliderText {
  margin-top: 16px;
  width: 490px;
  height: 265px;
  position: relative;
}

#sliderText h1 {
  margin-bottom: 10px;
}

#sliderText ul {
  margin-top: 15px;
}

#sliderText p, #sliderText li {
  color: white;
  text-shadow: 0px 2px 1px #0a3565;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

#sliderText li {
  padding-left: 20px;
  background: url('/img/icon-cross1.png') no-repeat center left;
}

#sliderText .blue {
  color: #BEE7FB;
  font-size:20px;
  padding-top:9px;
}

.big-button-calculate {
  background: url('/img/bg-big-button-calculate.png') no-repeat top left;
  width: 273px;
  height: 44px;
  position: absolute;
  bottom: -40px;
  left: 50px;
  font-family: Helvetica, Arial, sans-serif;
}

.big-button-calculate {
  _height: 62px;
  _width: 303px;  
}


/************************************************************************/
/*  Content 3 cols HP
/************************************************************************/

#center {
}

#center .content {
  margin-bottom: 40px;
  margin-top: -10px;
}

#center .content .blocs {
  padding:0;
  background: url(/img/bg-border.png) no-repeat 50% top;
}

#center .first, #center .second, #center .third, #center .fourth {
  width: 350px;
  font-size:13px;
}

#center .first, #center .third {
  float:left;
}

#center .second, #center .fourth {
  float:right;
}

#center .first, #center .second {
  margin-bottom: 55px;
}

#center h2 {padding-left: 82px;}

#center .first h2 {
  background: url('/img/icon-investissements-immobiliers.png') no-repeat top left;
}

#center .second h2 {
  background: url('/img/icon-placements-financiers.png') no-repeat top left;
}

#center .third h2 {
  background: url('/img/icon-reduction-impot.png') no-repeat top left;
}

#center .fourth h2 {
  background: url('/img/icon-investissements-entreprises.png') no-repeat top left;
}

#center p {
  text-shadow: 0px 1px 0px white;
  font-weight: bold;
}

/************************************************************************/
/*  Bottom HP
/************************************************************************/

#bottom {
}

#bottom .content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e0edf4;
  padding-bottom: 40px
}

.bloc-head {
  height: 47px;
  background: url('/img/bg-header-bloc.png') repeat-x top left;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid #186896;
  -moz-box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;
  -webkit-box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;
  box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;
  padding-top : 5px;
}

.bloc-head {
  _height: 52px;
}

.bloc-head h2 {line-height:46px; margin-bottom:0;}

.bloc-head h2.first {
  display: block;
  width: 440px;
  margin-left: 20px;
  margin-right: 40px;
}

#bottom .bloc {
  margin-left: 20px;
  margin-top: 20px;
  width: 398px;
  height: 230px;
  position: relative;
}

#bottom .bloc {
  _height: 272px;
}

#bottom .bloc.first {
  margin-right: 20px;
}

#bottom .bloc .arrow {
  display: block;
  height: 10px;
  width: 16px;
  background: url('/img/arrow.png') no-repeat top left;
  position: absolute;
  top: -10px;
  left: 20px;
}

.actu-list li, .question-list li {
  padding-left: 30px;
  border-bottom: 1px dotted #d6d6d6;
  margin-bottom: 10px;
}

.actu-list li.withThumb, .question-list li.withThumb {
  padding-left:0;
}
.actu-list li.withThumb img.entityThumb, .question-list li.withThumb img.entityThumb {
  float:left; margin-right: 5px; width:55px; height:55px; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.actu-list li:last-child, .question-list li:last-child {
  border-bottom: none;
}

.actu-list li:hover, .actu-list .hover, .question-list li:hover, .question-list .hover {
  background-color:#F0F0F0;
}

.actu-list li {
  background: url('/img/icon-actu-list.png') no-repeat top left;
  min-height: 23px;
}

.question-list li {
  background: url('/img/icon-question-list.png') no-repeat top left;
  min-height: 19px;
}

#bottom p {
  font-weight: bold;
  text-shadow: 0px 1px 0 white;
}

.big-button-question {
  background: url('/img/bg-big-button-question.png') no-repeat top left;
  width: 268px;
  height: 44px;
  position: absolute;
  bottom: -30px;
  right: 5px;
  font-family: Helvetica, Arial, sans-serif;
}

.big-button-question {
  _height: 62px;
  _width: 298px;  
}


/************************************************************************/
/*  Footer
/************************************************************************/

#footer {
  background: #E0EDF5;
  height: 152px;
  -moz-box-shadow: 0px 1px 0px white inset;
  -webkit-box-shadow: 0px 1px 0px white inset;
  box-shadow: 0px 1px 0px white inset;
  border-top: 1px solid #cbe1ed;
  border-bottom: 1px solid #cbe1ed;
  padding-top: 20px  
}

#footer {
  _height: 174px;
}

#footer .first {
  width: 240px;
  border-right: 1px solid #FFFFFF;
  padding: 0 15px;
}

#footer .first {
  _width: 250px;
}

#footer .second {
  width: 184px;
  border-left: 1px solid #C0DAE9;
  border-right: 1px solid #FFFFFF;
  padding: 0 15px;
}

#footer .second {
  _width: 460px;
}

#footer .third {
  width: 197px;
  border-left: 1px solid #C0DAE9;
  border-right: 1px solid #FFFFFF;
  padding: 0 15px;
}

#footer .third {
  _width: 250px;
}

#footer .fourth {
  width: 207px;
  border-left: 1px solid #C0DAE9;
  padding: 0 15px;
}

#footer .fourth {
  _width: 250px;
}

#footer ul li {
  margin-bottom: 5px;
  padding-left: 20px;
  background: url('/img/icon-cross2.png') no-repeat center left;
}

#footer ul li a {
  text-decoration: none;
  color: #093859;
  font-weight: bold;
  text-shadow: 0 1px 0 white;
}

/************************************************************************/
/*  Copyright
/************************************************************************/

#copyright {
  background: url('/img/bg-copyright.png') repeat-x top left;
  height: 27px;
}

#copyright p {
  color: white;
  margin-top: 8px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 11px;
}


/************************************************************************/
/*  Titre page
/************************************************************************/

#titrePage {
  height:72px;
  width: 100%;
  -moz-box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;
  -webkit-box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;
  box-shadow: 0px 1px 0px #5fb9d7 inset, 0px 1px 0px #e4ebf2, 0px 2px 0px #b5c9dc;            
  border-top: 1px solid #186896;
  border-bottom: 1px solid #186896;
  background: url('/img/bg-title-page.png') repeat-x top left;
  margin: 0;
  overflow: hidden;
}

#titrePage img {
  margin: 3px 15px 0 0;
}

#titrePage h1 .first, #titrePage .h1 .first{
  margin-bottom: -5px;
  display:block;
}

.subtitle {
  display: block;
  color: white;
  text-shadow: 0px 2px 1px #0a3565;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: "LeagueGothicRegular";
}

#titrePage h1 .oneLine, #titrePage .h1 .oneLine {
    line-height: 72px;
}

/************************************************************************/
/*  Maincontent
/************************************************************************/

#maincontent {
  background: url('/img/bg-maincontent.png') repeat-x top left;
  padding-top: 10px;
}

/************************************************************************/
/*  Breadcrumb
/************************************************************************/

#breadcrumb a {
  color: #0a3858;
  text-decoration: underline;
  font-weight: bold;
  font-size: 11px;
}

#breadcrumb span {
  color: #0a3858;
  margin: 0 5px;
  font-weight: bold;
  font-size: 11px;
}

#breadcrumb p {
  font-weight: bold;
  font-size: 11px;
  color: #2183b7;
}

/************************************************************************/
/*  Top
/************************************************************************/
#top {
  margin-bottom: 40px;
}

#img-desc-page {
  height: 225px;
  width: 218px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-right: 35px;
  border: 1px solid #AFC7D3;
  display:block; /* This is added in order to have vertical margin collapse */
}

#resume {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 225px;
  width: 700px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#resume.topResume {
  /* Positioning at the top..*/
  position: absolute;
  top: 24px;
  left: 255px;
}

#resume-left {
  height: 183px;
  background: url('/img/bg-resume-left.png') repeat-x top left;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  width: 299px;
  padding: 20px 25px 20px 25px;
  border-left: 1px solid #afc7d3;
  border-top: 1px solid #afc7d3;
  border-bottom: 1px solid #afc7d3;
  -moz-box-shadow: 0 1px 0 white inset;
  -webkit-box-shadow: 0 1px 0 white inset;
  box-shadow: 0 1px 0 white inset;
  overflow: hidden;
}

#resume-left {
  _height: 225px;
  _width: 350px;
}

.topResume #resume-left {
  width:655px;
  border-radius: 5px;
  border-right: 1px solid #afc7d3;
}

#resume-left p {
  font-size: 16px;
  color: #00326d;
  font-weight: bold;
}

#resume-left li {
  border-bottom: 2px dotted white;
  color: #2199b7;
  padding-left: 30px;
  background: url('/img/icon-resume-list.png') no-repeat top left;
  min-height: 19px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px; 
}

#resume-left li:last-child {
  border-bottom: none;
}

#resume-right {
  height: 183px;
  background: url('/img/bg-resume-right.png') repeat-x top left;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  width: 318px;
  padding: 20px 15px;
  border-right: 1px solid #186896;
  border-top: 1px solid #186896;
  border-bottom: 1px solid #186896;
  -moz-box-shadow: 0 1px 0 #5fb9d7 inset;
  -webkit-box-shadow: 0 1px 0 #5fb9d7 inset;
  box-shadow: 0 1px 0 #5fb9d7 inset;
  position: relative;
  _overflow: hidden;
}

#resume-right {
  _height: 225px;
  _width: 350px;
}

#resume-right p {
  color: white;
  text-shadow: 0px 1px 1px #0a3565;
  font-size: 16px;
  font-weight: bold;
}

#resume-right form p {
  margin: 0;
  position: relative;
}

#resume-right form select,
#resume-right form input[type=text]
 {
  width: 312px;
  font-size:12px;
  margin-bottom: 15px;
}

#resume-right form label {
  font-size: 12px;
}

#resume-right form .customStyleSelectBox {
  width: 279px;
  height: 12px;
  background: white;
  border: 1px solid #1f7399;
  margin-bottom: 10px;
  padding: 10px 9px 9px 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: white url('/img/button-select.png') no-repeat top right;
  color: #00326d;
  text-shadow: none;
  font-size: 12px;
  _overflow: hidden;
}

#resume-right form .customStyleSelectBox {
  _width: 299px;
  _height: 33px;
}

#resume-right form .customStyleSelectBoxInner {
  
}

#resume form input[type="submit"] {
  background: url('/img/bg-big-button-economy.png') no-repeat top left;
  width: 338px;
  height: 62px;
  position: absolute;
  right: 6px;
  bottom: -28px;  
  border: none;
  text-align: center;
  padding: 0 0 10px 45px;
  vertical-align: top;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
}

#submit-button {
  _width: 299px;
  _height: 40px;
  _font-size: 14px;
  _color: black;
  _padding: 0 0 0 0;
  _text-align: center;
}

#resume-right form input[type="submit"]:hover {
  background: url('/img/bg-big-button-economy.png') no-repeat 0 -62px;
}

#resume-right.sideResume {
  margin: 0 0 35px 0;
  width: 178px;
  padding: 10px 20px 30px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #186896;
  min-height: 220px;
  height:auto;
  background: #4E80B4 url('/img/bg-side-resume-right.png') repeat-x top left;
  position:relative;
}

#resume-right.sideResume {
  _height: 226px;
  _width: 220px;
}

#resume-right.sideResume form select,
#resume-right.sideResume form input[type=text] {
  width: 178px;
}

#resume-right.sideResume form .customStyleSelectBox {
  width: 158px;
}

#resume-right.sideResume form .customStyleSelectBox {
  _width: 178px;
}

#resume-right.sideResume form select {
  _width: 178px;
}

#resume-right.sideResume form input[type="submit"] {
  background: url('/img/bg-big-button-calculate-small.png') no-repeat top left;
  width: 206px;
  height: 62px;
  position: absolute;
  left: 8px;
  bottom: -28px;  
  border: none;
  text-align: center;
  padding: 0 0 10px 45px;
  vertical-align: top;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
}

#side #submit-button {
  _width: 178px;
  _height: 30px;
  _font-size: 14px;
  _color: black;
  _position: relative;
  _padding: 0 10px 0 0;
}

#resume-right.sideResume form input[type="submit"]:hover {
  background: url('/img/bg-big-button-calculate-small.png') no-repeat 0 -62px;
}

#side .side-img-desc-page {margin-bottom:22px;}


/************************************************************************/
/*  Page
/************************************************************************/

#page {
  margin-bottom: 40px;
}

/************************************************************************/
/*  Menu-Side
/************************************************************************/

#side {
  width: 235px;
  margin-right: 20px;
  background: white;
  _overflow: hidden;
}

.menu-side {
  width: 220px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.menu-side .bloc-head {
  padding: 5px 10px;
  height: 25px;
  overflow: hidden;
}

.menu-side .bloc-head {
  _height: 37px;
  _width: 220px;
}

.menu-side .bloc-head p {
  color: white;
  text-shadow: 0px 2px 1px #0a3565;
  font-size: 22px;
  font-family: "LeagueGothicRegular";
  font-weight: normal;
  text-transform: uppercase;
}

.menu-side div.menu-side-list {
  padding: 10px 0;
  border: 1px solid #c6d8e2;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #ddedf7;
  width: 218px;
  margin: 0;
}

.menu-side-list li{
  padding: 0 18px;
}

.menu-side div.menu-side-list {
  _width: 220px;
  _overflow: hidden;
}

.menu-side ul li {
  border-bottom: 1px dotted white;
  line-height:31px;
}

.menu-side ul li a {
  text-shadow: 0px 1px 0px white;
  color: #00326d;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 100%;
}

.menu-side-list li.hasLevel2 {background: url(/img/icon-cross2.png) no-repeat 2px center;}
.menu-side-list .level2Sections {
  padding:0;
  background: #FFF;
  text-align: left;
}
.menu-side-list .level2Sections ul {padding-left: 22px;}
.menu-side-list .level2Sections ul li {padding: 0 0 0 14px; line-height:24px;}
.menu-side-list .level2Sections a {font-weight:normal;}
.menu-side-list .level2Sections li.selected a {font-weight:bold;}


.menu-side ul li a:hover {
  color: #2199b7;
}

.menu-side ul li:last-child,
.menu-side ul li.last {
  border-bottom: none;
  padding-bottom: 0px;
}

.menu-side ul li.active {
  background: url('/img/bg-menu-side-active.png') no-repeat top left;
  position: relative;
  left: -8px;
  width: 212px;
  height: 31px;
  padding-left: 28px;
  padding-top: 12px;
  padding-bottom: 0px;
  border-bottom: none;
}

.menu-side ul li.active {
  _width: 230px;
  _height: 43px;
}

.menu-side ul li.active a {
  color: white;
  text-shadow: 0 1px 1px #126871;
  line-height:15px;
}

#side .box-shadow2 {
  margin-bottom: 0px;
}

/************************************************************************/
/*  Nav-Side
/************************************************************************/

#nav-side {
  padding: 0;
  width: 220px; 
  margin-bottom: 30px;
}

#nav-side #title-others {
  padding: 2px 0 0 40px;
  font-size: 14px;
  color: #00326d;
  background: url('/img/icon-others.png') no-repeat top left;
  display: block;
  min-height: 29px;
}

#nav-side #title-actu {
  padding: 2px 0 0 40px;
  font-size: 14px;
  color: #00326d;
  background: url('/img/icon-actu.png') no-repeat top left;
  display: block;
  min-height: 29px;
}

#nav-side ul {
  padding: 0 12px;
}

#nav-side li {
  padding: 10px 0 10px 15px;
  font-weight: bold;
  color: #2485bc;
  border-bottom: 1px dashed #bddaeb;
  background: url('/img/icon-cross3.png') no-repeat 0 9px;
}

#nav-side li a {
  font-weight: bold;
  color: #2485bc;
  text-decoration: none;
}

#nav-side li a:hover {
  color: #2199b7;
}

#nav-side li.active a, #nav-side li.active a:hover {
  color: #00326D;
}

/************************************************************************/
/*  Page Content
/************************************************************************/
#page-content {
  width: 700px;
}

/* Redefine all heading styles */
.page-content .page-title {
  font-family: "LeagueGothicRegular";
  color: #10b2c3;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight:normal;
  text-shadow: 0 1px 0 white;
  text-align:justify;
}

.page-content h2, .page-content .h2 {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  color: #10b2c3;
  text-shadow: 0px 1px 0 white;
  margin-top: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 18px;
}

/* Sometimes we use the .pig class in the left column, so don't prefix it */
h2.pig {
  font-family: Arial;
  padding-left: 40px;
  background: url('/img/icon-know-all.png') no-repeat center left;
  padding-top: 15px;
}

.page-content h3, .page-content .h3 {
  font-size: 12px;
  color: #0A3858;
  text-shadow: 0px 1px 0 white;
  margin-top: 12px;
  margin-bottom: 5px;
  font-weight: bold;
}

.page-content h4, .page-content .h4 {
  color: #0A3858;
  margin-top:12px;
  margin-bottom: 5px;
  font-weight: normal;
}

#page-content a.button {
  margin-top: 30px;
  position: relative;
}

#page-content span.previous-icon {
  background: url('/img/icon-previous.png') no-repeat top left;
  height: 17px;
  width: 17px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

#page-content span.next-icon {
  background: url('/img/icon-next.png') no-repeat top left;
  height: 17px;
  width: 17px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

/************************************************************************/
/*  Call to action
/************************************************************************/

#call-to-action {
  height: 25px;
  background: url('/img/bg-resume-right.png') repeat-x top left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 10px 10px 20px;
  border: 1px solid #186896;
  -moz-box-shadow: 0 1px 0 #5fb9d7 inset;
  -webkit-box-shadow: 0 1px 0 #5fb9d7 inset;
  box-shadow: 0 1px 0 #5fb9d7 inset;
  position: relative;
  margin-bottom: 50px;
}

#call-to-action p {
  color: white;
  font-size: 18px;
  font-weight: normal;
  text-shadow: 0 2px 1px #0A3565;
}

#call-to-action .big-button-contact {
  background: url('/img/bg-big-button-contact.png') no-repeat top left;
  width: 215px;
  height: 44px;
  position: absolute;
  bottom: -22px;
  right: 5px;
  padding-right: 30px;
  font-family: Helvetica, Arial, sans-serif;
}

#call-to-action .big-button-contact {
  _width: 245px;
  _height: 62px;
}

#call-to-action .big-button-contact:hover {
  background: url('/img/bg-big-button-contact.png') no-repeat 0 -62px;
}

/************************************************************************/
/* Liste d'actus
/************************************************************************/

#list-actus {
  margin-top: 20px;
}

#list-actus .actu {
  border-bottom: 1px dashed #10B2C3;
  padding: 10px 6px;
  *height:1%; /* Target IE6 and 7 only, because text was disappearing on hover. See http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/ */
}

#list-actus .actu:hover,
#list-actus .hover  {
  background: url(/img/greyGradient.png) repeat-x 0 0;
}

#list-actus img {
  margin-right: 15px;
  width:50px;
  height:50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#list-actus .actuContent {
  margin-left: 65px;
}

#list-actus .no-image .actuContent{
  margin-left: 0px;
}

#list-actus .meta {
  color: #10B2C3;
} 

#list-actus .actu-title {
  margin: 0 0 10px 0;
  padding: 0;
}

#list-actus .actu-title a {
  font-size: 12px;
  color: #2199b7;
  text-shadow: 0px 1px 0 white;
  margin-bottom: 20px;
  font-weight: bold;
  text-decoration: none;  
}

#list-actus p, #list-actus ul {
  text-align: justify;
}


/************************************************************************/
/* Contact form(s)
/************************************************************************/
/* Idee eco form */
.vteInput {margin: 8px 0;}
.vteInput label {font-weight:bold; width: 250px; margin: 8px 0; display:block;}
.vteInput textarea {width: 500px; height:260px;}
.error_list {color:#FF0000; padding-left: 10px; list-style-type:none;}
.success_msg {color: #00326D !important;}

/* Contact form in whoarewe pages */
.prodContactForm .textInputs input[type=text],
.prodContactForm .textInputs .civility {width: 200px;}
.prodContactForm input[type=checkbox] {margin:3px;}
.prodContactForm .civility ul {list-style-type:none;}
.prodContactForm .civility li, 
.prodContactForm .civility input[type=radio], 
.prodContactForm .civility label {display:inline; margin: 5px auto 0 auto;}
.prodContactForm .civility li {margin-right:12px;}
.prodContactForm .checkbox_list {border: 1px solid #999; background: #FFF; list-style-type:none;}
.prodContactForm .checkbox_list * {vertical-align:middle;}
.prodContactForm .checkbox_list li {margin: 10px 0; padding:0;}
.prodContactForm .checkbox_list label {display:inline; font-weight:normal; color:#444; margin: 0;}
.prodContactForm .comments {padding: 0 30px;}
* html .prodContactForm .comments {clear:both;}
.prodContactForm textarea {width:100%; height: 100px; border: 1px solid #999;}
.prodContactForm .extraInfo input[type=text] {width:133px; margin-left:5px;}
.prodContactForm .extraInfo input[readonly] {background:#DDD;}
.prodContactForm .extraInfo .modify {font-size:10px; text-decoration:underline; cursor:pointer; margin-left:8px;}


/************************************************************************/
/* Common elements
/************************************************************************/
.summaryPoints li {
  padding: 0 0 2px 15px;
  background: url('/img/icon-cross3.png') no-repeat 0 9px;
}

.entityDate {
  color: #10B2C3;
  margin: 3px 0;
}
.entityImg {
  float:left; 
  margin: 0 20px 15px 0; 
  max-width:200px; 
  max-height:150px;
}
* html .news .newsImg img {
  width:200px; 
  height:180px;
}
.entityContent {
  line-height: 18px;
}
.entityContent h3{margin-top:15px;}

.entityContent table {
  border-collapse: collapse;
  width:100%;
}

.entityContent table td,
.entityContent table th {
  border: 1px solid #4AA5B3;
  padding: 3px 5px;
}

.entityContent table th,
.entityContent table thead td {
  background: #4AA5B3; color:#FFF;
  font-weight:bold;
}
.entityContent table h2,
.entityContent table h3 {
  color:#FFF;
  text-shadow:none;
}


h2.otherEntities {
  margin-top: 20px; 
  padding-top: 15px; 
  border-top: 1px dashed #10B2C3;
  clear: both;
}

.nextPrevLinks .btnTxt {
  text-shadow: 0 1px 0 #5a5a5a;
}
.nextPrevLinks {margin-top:20px; text-align:center;}
.nextPrevLinks a {text-decoration: none; display:block; width:106px; height:39px; line-height:35px; color:#FFF !important; font-size:14px; 
  background: transparent no-repeat 0 0; font-weight:bold; cursor:pointer;}
/*We need absolute positionning to keep them at the bottom of the page (product page..) */
.page-content .withNextPrevLinks {position:relative; padding-bottom: 55px;}
.page-content .withNextPrevLinks .nextPrevLinks {margin-top: 0; position:absolute; bottom:10px; left:0px; width:700px;}

.nextPrevLinks .next {background-image: url(/img/next.png); float:right;}
.nextPrevLinks .prev {background-image: url(/img/prev.png); float:left;}
.nextPrevLinks .next .btnTxt {padding-right:17px;}
.nextPrevLinks .prev .btnTxt {padding-left:10px;}

.blueContactBtn, .contactBtn {cursor:pointer; display:block;
  width:195px; height:45px; line-height: 44px; font-weight:bold; text-decoration:none; color:#FFF !important; text-align:center; font-size:20px;}
.smallContactBtn:hover, .blueContactBtn:hover, .contactBtn:hover {background-position:0 100%; text-decoration:none;}
.contactBtn {background: transparent url(/img/contactBtn.png) no-repeat 0 0; }
.blueContactBtn {background: transparent url(/img/blueContactBtn.png) no-repeat 0 0; }
.smallContactBtn {cursor:pointer; display:block;
  width:180px; height:32px; line-height: 32px; font-weight:bold; text-decoration:none; color:#FFF !important; text-align:center; font-size:18px;}
.smallContactBtn {background: transparent url(/img/smallContactBtn.png) no-repeat 0 0; }


/* Stickers areas */
.sticker {position:relative; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid #AAA; background:#EEE; }
.sticker .sticker-content {padding:8px 15px;}
.sticker-steps {list-style-type:none; font-size:13px; color:#333; text-shadow:none; font-family:Arial; line-height:16px; font-weight:normal;}
.sticker-steps li {background: url(/img/simulators/tick_cross.png) no-repeat left center; padding:5px 0 5px 25px;}
.sticker .sticker-pin  {position:absolute; z-index:1; top:-18px; right:0;}


/************************************************************************/
/*  Popups
/************************************************************************/

/* Modal popup */
.modalBg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1200;
	background:#222; opacity: 0.50; filter: alpha(opacity=50);}
* html .modalBg
{
	position:absolute;
	top: expression(x = document.body.scrollTop);
	width: expression(document.body.clientWidth);
	height: expression(document.body.clientHeight);
}
.modalContainer {position: absolute; left: 50%; top: 100px; z-index: 1250;}
.modalWindow{ position: relative; top: 0px; left: -50%; z-index: 1250;}	 

/* Cart popup  */
.cartPopup {z-index:1250; position:absolute; width:460px;}
.cartPopup .close {display:block; cursor:pointer; position:absolute; top:10px; right:10px; width:23px;}