/* MAIN */
body
{
  background-color: #547fa5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container
{
  margin: 0 auto;
  position: relative;
  width: 950px;
  z-index: 1;
}



/* PAGE BACKGROUNDS */
#page_backgrounds
{
  background: #6588a8 url(/integ/images/page_top_bg.gif) repeat-x 0 0;
  left: 0;
  min-width: 950px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

#page_backgrounds .page_background
{}

#page_backgrounds .bg_top
{
  background: #6588a8 url(/integ/images/picto_header_border.gif) no-repeat right 55px;
  height: 158px;
}

#page_backgrounds .bg_banner
{
  background: #6588A8 url(/integ/images/page_banner_bg.png) repeat-x 0 bottom;
}

#page_backgrounds .bg_border
{
  background: #6588a8 url(/integ/images/page_border_bg.gif) repeat-x 0 0;
  font-size: 0;
  height: 2px;
}

#page_backgrounds .bg_grid
{
  background: #e0e0e0 url(/integ/images/page_grid_bg.gif) repeat-x 0 bottom;
  min-height: 231px;
}

#page_backgrounds .bg_footer
{
  background: #547fa5;
  height: 24px;
}

/* TEMPLATE BACKGROUNDS */
#template_backgrounds
{
  background: url(/integ/images/1280_top_bg.gif) no-repeat center 0;
  left: 0;
  min-width: 950px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
}

#template_backgrounds .template_background
{
  margin: 0 auto;
  max-width: 1280px;
  min-width: 950px;
  width: 100%;
}

#template_backgrounds .bg_top
{
  background: url(/integ/images/picto_header_border.gif) no-repeat right 55px;
  height: 158px;
}

#template_backgrounds .bg_banner
{
  background-position: center 0;
  background-repeat: no-repeat;
  height: 187px;
}

#template_backgrounds .bg_border
{
  font-size: 0;
  height: 2px;
}

#template_backgrounds .bg_grid
{
  background: url(/integ/images/1280_grid_bg.png) no-repeat 0 bottom;
  min-height: 231px;
}

/* HEADER */
#header
{
  background: url(/integ/images/1280_header_bg2.gif) no-repeat 0 0;
  height: 345px;
  position: relative;
  z-index: 2;
}

#logo
{
  left: 0;
  position: absolute;
  top: 0;
}

#localization_menu
{
  background: url(/integ/images/localization_menu_bg.gif) no-repeat right 0;
  height: 14px;
  position: absolute;
  right: 0;
  top: 7px;
  width: 140px;
  z-index:5000000;
}

#localization_menu .jquery-selectbox
{
  color: white;
  font-size: 0.7em;
  height: 14px;
  line-height: 1.1em;
  padding: 0 10px;
}

#localization_menu .jquery-selectbox-moreButton
{
  background: url(/integ/images/picto_bottom_white.gif) no-repeat center;
  cursor: pointer;
  height: 14px;
  position: absolute;
  top: 0;
  right: 5px;
  width: 14px;
}

#localization_menu .jquery-selectbox-list
{
  display: none;
  top: 14px;
  left: 0;
  padding-left: 8px;
  position: absolute;
  width: 100px;
  z-index: 10000000;
  background-color: white;
  border: 1px solid #CDCDCD;
  color: black;
}
#pagetitle h1.sIFR
{
	position:relative;
	z-index: 1;
}


#localization_menu .jquery-selectbox-list .jquery-selectbox-item
{
  display: block;
  padding: 2px;
  width: 110px;
}

#localization_menu .jquery-selectbox-list .listelementhover
{
  cursor: pointer;
  text-decoration: underline;
}

#localization_menu .jquery-selectbox-list .value-fr
{
  background: url(/integ/images/picto-fr.gif) no-repeat right center;
}

#localization_menu .jquery-selectbox-list .value-en
{
  background: url(/integ/images/picto-en.gif) no-repeat right center;
}

#main_menu
{
  left: 200px;
  position: absolute;
  top: 42px;
  z-index: 10;
}

#main_menu .lvl0
{
  height: 38px;
  width: 725px;
}

#main_menu .lvl0 .element
{
  float: left;
  height: 38px;
  margin-left: -0.75em;
  padding-left: 15px;
  position: relative;
}

#main_menu .lvl0 .first
{
  margin-left: 0;
}

#main_menu .lvl0 .element .title
{
  color: white;
  cursor: pointer;
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 2em;
  height: 38px;
  padding: 0 1.7em 0 0.5em ;
  text-decoration: none;
}

#main_menu .lvl0 .current,
#main_menu .lvl0 .element:hover
{
  background: url(/integ/images/menu_left_bg.gif) no-repeat left bottom;
}

#main_menu .lvl0 .current .title,
#main_menu .lvl0 .element:hover .title
{
  background: url(/integ/images/menu_right_bg.gif) no-repeat right bottom;
}

#main_menu .lvl0 .lvl1
{
  background: url(/integ/images/menu_lvl1_bg.png) no-repeat center top;
  display: none;
  left: -83px;
  padding: 0 83px;
  position: absolute;
  text-align: center;
  width: 149px;
}

#main_menu .lvl0 .menu_news .lvl1
{
  background-position: left top;
  padding-right: 0;
}

#main_menu .lvl0 .element:hover .lvl1
{
  display: block;
  top: 38px;
}

#main_menu .lvl0 .lvl1 .element
{
  background-color: white;
  background-image: none;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  height: auto;
  margin-left: 0;
  opacity: 0.8;
  padding-left: 0;
  width: 149px;
}

#main_menu .lvl0 .lvl1 .last
{
  background: url(/integ/images/menu_lvl1_last_bg.png) no-repeat left top;
  height: 10px;
}

#main_menu .lvl0 .lvl1 .element .link
{
  border-bottom: 1px solid #d3d3d3;
  color: #4c5156;
  display: block;
  padding: 0.4em 0;
  text-decoration: none;
}

#main_menu .lvl0 .lvl1 .element .link:hover
{
  color: #667d8c;
}

#breadcrumb
{
  height: 16px;
  left: 56px;
  position: absolute;
  top: 95px;
  width: 850px;
}

#breadcrumb .element
{
  background: url(/integ/images/separator.gif) no-repeat 0 center;
  color: #c7d7e4;
  display: inline;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding-left: 1em;
}

#breadcrumb .first
{
  background: none;
}

#breadcrumb .link
{
  color: #c7d7e4;
  text-decoration: none;
}

#pagetitle
{
  background: #e5e5e5 url(/integ/images/pagetitle2_bg.gif) no-repeat 0 0;
  font-size: 1.55em;
  font-weight: bold;
  height: 38px;
  left: 0;
  padding-left: 50px;
  position: absolute;
  top: 119px;
  width: 900px;
}

#pagetitle .multiple
{
  background: url(/integ/images/pagetitle_sub_bg.gif) no-repeat 0 center;
  padding-left: 60px;
}

#pagetitle .title
{
  color: #46667b;
  font-size: 1.5em;
  font-weight: bold;
}

#pagetitle .sIFR .title
{
  font-size: 30px;
}

#pagetitle .subtitle
{
  color: #80929c;
  font-size: 1.2em;
  font-weight: bold;
}

#pagetitle .sIFR .subtitle
{
  font-size: 20px;
}

#banner_side
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  right: 0;
  top: 158px;
  width: 375px;
  z-index: 2;
}

#banner_side .lvl0
{
  width: 375px;
}

#banner_side .lvl0 .element
{
  display: block;
  float: left;
  height: 45px;
  width: 187px;
}

#banner_side .lvl0 .wide
{
  height: auto;
  width: 375px;
}

#banner_side .lvl0 .separator
{
  background: url(/integ/images/separator4.png) no-repeat right center;
}

#banner_side .lvl0 .element .link,
#banner_side .lvl0 .element strong
{
  color: #46667a;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  padding: 1em 0.8em;
  text-decoration: none;
  text-transform: uppercase;
}

#banner_side .lvl0 .strong
{
  height: 97px;
}

#banner_side .lvl0 .strong .lvl1
{
  width: inherit;
}

#banner_side .lvl0 .photos .link
{
  background: url(/integ/images/picto_white_photos.png) no-repeat 145px 0.5em;
}

#banner_side .lvl0 .video .link
{
  background: url(/integ/images/picto_white_video.png) no-repeat 145px 0.5em;
}

#banner_side .lvl0 .buy .link
{
  background: url(/integ/images/picto_white_buy.png) no-repeat 145px 0.5em;
  color: #414141;
}

#banner_side .lvl0 .compare .link
{
  background: url(/integ/images/picto_white_compare.png) no-repeat 155px 0.5em;
}

#banner_side .lvl0 .conf .link
{
  background: url(/integ/images/picto_white_conf.png) no-repeat 153px 0.5em;
}

#banner_side .lvl0 .download .link
{
  background: url(/integ/images/picto_white_download.png) no-repeat 148px 0.5em;
  width:148px;
}

#banner_side .lvl1
{
  width: auto;
}

#banner_side .lvl1 .element
{
  background: url(/integ/images/list_bg.gif) no-repeat 1em 0.5em;
  clear: both;
  color: #414141;
  display: block;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
  height: auto;
  padding-left: 20px;
  width: 355px;
  line-height: 1.3em;
}

#banner_side .others strong
{
  float: left;
}

#banner_side .others form
{
  background: url(/integ/images/select_custom_bg.gif) no-repeat 0 0.5em;
  height: 16px;
  display: block;
  float: left;
  padding-top: 0.5em;
  position: relative;
  width: 188px;
}

#banner_side .others form select
{
  width: 163px;
}

#banner_side .others .jquery-selectbox
{
  padding: 0.1em 2em;
}

#banner_side .others .jquery-selectbox-currentItem
{
  color: #414141;
  display: block;
  font-size: 0.7em;
}

#banner_side .others .jquery-selectbox-moreButton
{
  background: url(/integ/images/picto_bottom_black.gif) no-repeat center;
  cursor: pointer;
  height: 16px;
  position: absolute;
  top: 0.5em;
  _top: 5px;
  right: 10px;
  _right: 50px;
  width: 14px;
}

#banner_side .others .jquery-selectbox-list
{
  background: white;
  border: 1px solid #cdcdcd;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.5em;
  position: absolute;
  right: 0.6em;
  _left:0;
  top: 1.4em;
  width: 170px;
  z-index: 1000;
}

#banner_side .others .jquery-selectbox-list .jquery-selectbox-item
{
  display: block;
  font-size: 0.7em;
  padding: 2px;
  width: 170px;
}

#banner_side .others .jquery-selectbox-list .listelementhover
{
  cursor: pointer;
  text-decoration: underline;
}

/* CONTENT */
#content
{
  padding-top: 2px;
  position: relative;
  min-height: 231px;
}
#content .option_container label,
#content .option_container input
{
  float: none;
  display: inline;
}

/* FOOTER */
#footer
{
  height: 24px;
  position: relative;
}

#footer .lvl0 .element
{
  color: white;
  display: block;
  float: left;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 0 10px;
}

#footer .lvl0 .first
{
  background: url(/integ/images/footer_first_bg.gif) no-repeat 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 24px;
  text-align: center;
  padding: 0 10px;
  width: 73px;
}

#footer .lvl0 .element .link
{
  color: white;
  display: block;
  padding: 0.55em 0;
  text-decoration: none;
}

#footer .lvl0 .first .link
{
  color: #46667a;
}

#footer .lvl0 .sIFR-replaced
{
  font-size: 9px;
  height: 24px;
  margin: 0;
  padding: 0 10px;
  width: 73px;
}

#footer .lvl0 .last
{
  background: url(/integ/images/footer_form_bg.gif) no-repeat 0 0;
  float: right;
  height: 24px;
  padding: 0 10px;
  width: 227px;
}

#footer .lvl0 .last .label
{
  color: #46667a;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 17px;
  line-height: 1.2em;
  padding: 0 2px;
  margin: 5px;
}

#footer .lvl0 .last .sIFR-replaced
{
  margin: 0 0.4em;
  padding: 2px 0 5px 2px;
  width: 80px;
}

#footer .lvl0 .last .input
{
  color: black;
  background-color: white;
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  height: 12px;
  margin: 5px 0 0 0;
  padding: 0;
  width: 100px;
}

#footer .lvl0 .last .submit
{
/*   background: url(/integ/images/footer_submit_bg.gif) no-repeat 0 0; */
  border: none;
  color: black;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  height: 14px;
  margin: 5px 0 0 0;
  padding: 0;
  width: 36px;
}


/* COMMON */
/* layout */
.left  { float:left;  }
.right { float:right; }
.clear { clear:both;  }
.center { text-align:center; }
.small { font-size:smaller; }

.sIFR-alternate
{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* MAP */
#map_canvas
{
  background-color: white;
  border: 1px solid #bcc3c9;
  height: 400px;
  width: 500px;
}

/* CUSTOM PAGE LAYOUT */
.range_presentation #template_backgrounds .bg_banner,
.range_equipment #template_backgrounds .bg_banner,
.range_feature #template_backgrounds .bg_banner
{
  /*background: url(/integ/images/media007.jpg) no-repeat center 0;*/
  height: 266px;
}

.range_presentation #page_backgrounds .bg_banner img,
.range_equipment #page_backgrounds .bg_banner img,
.range_feature #page_backgrounds .bg_banner img
{
	display:block;
	clear:both;
  _margin-top:10px;
}
.box_image_alignement
{
	width:950px;
	margin:0 auto;
	position: relative;
}
.range_presentation #header,
.range_equipment #header,
.range_feature #header
{
  height: 424px;
}
.range_presentation #header #banner_side,
.range_equipment #header #banner_side,
.range_feature #header #banner_side
{
  background: url(/integ/images/media008.jpg) no-repeat 0 0;
  height: 266px;
}

/* --- Ajout Gilles 20/10/2008 ---*/

.block_content .bloc_headlines
{
  margin:0.5em 0;
  width:822px;
  /*height:224px;*/
  padding:10px 14px;
  background:#E0E0E0;
  margin:0.5em 0;

}

.block_content .bloc_headline
{
  width:178px;
  height:260px;
  padding:0 10px 0 10px;
  background:#D0D0D0;
  float:left;
  display:inline;/* pour corriger la double marge de IE6 */
  margin:0 0 0 10px;
  position: relative;

}

.first
{
  margin:0 0 0 0px !important;
}

.breaker
{
  clear:both;
  height:0;
  overflow:hidden;
}

.block_content .bloc_headline h3
{
padding-left:0;
}

.block_content .bloc_headline img
{
  border:1px solid #C3C3C3;
  display:block;
  margin:0 auto 15px auto;
}

.block_content .bloc_headline p
{
  min-height:75px;
  height:auto !important;
  height:73px;
}


.block_content .bloc_headline a.link
{
background:transparent url(/integ/images/picto_gray_next.gif) no-repeat scroll left center;
color:#46667A;
padding-left:1em;
float:right;
margin:10px 0 0 0;
text-decoration:none;
position: absolute;
right: 10px;
bottom: 5px;
}

/* --- Fin Ajout Gilles 20/10/2008 ---*/

ul.nowrap li
{
  white-space: nowrap;
}

.error_list
{
  color: red;
}

.form_row ul li
{
  background: transparent !important;
}

#footer .last label {
  letter-spacing:0px;
}

span.registered_trademark
{
  font-size: .8em !important;
}
