body{
  text-align:center;
  margin:0;
  padding:0;
  background:url(images/top-sub-page-background.jpg) left top repeat-x;
}
div.body {
  overflow:hidden;
  text-align:center;
  width:100%;
}
input,select,body,td,table,th{
  color:#333333;
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
}
label,input{
  color:#999999
}
/* ---------------------------------- global(start)-------------------------------------*/
.jatoolbarGrid,
.jatoolbarSelected{
  overflow:hidden
}
ul.menu-left li.selected .jatoolbarSelected a{
  color:#000000
}
img{
  border:0;
}
select{
  height:22px;
  padding:0
}
input{
  margin:0;
}
ul {
  line-height:160%;
  list-style-type:disc;
}
ul{
  padding:0px 0px 0px 25px;
  margin:0;
  _margin:0px 0px 0px 5px;

}
ul.no-padding{
  padding-left:16px
}
p {
  line-height:160%;
}
p.footer-title{
  margin-top:0;
  color:#333333;
  font-family:verdana;
  font-size:12px;
  text-transform:uppercase;
}
a {
  color:#DF7F06;
}
a:hover {
  text-decoration:underline;
}
a.gray {
  color:#666666;
  text-decoration:underline;
}
a.gray:hover {
  color:#333333;
  text-decoration:underline;
}
a.arrow{
  color:#ffab27;
  padding-right:14px;
  background:url(images/links-banner-arrow.gif) right -14px no-repeat;
}
img.arrow{
  background:url(images/arrow-orange.gif) left top no-repeat;
}
h1 {
  color:#546D79;
  font-size:16px;
  line-height:140%;
  margin-top:0;
  text-transform:uppercase;
  font-family:Arial;
}

.newsletter h1{
  font-size:14px;
  margin-top: 0px;
  font-family: Verdana, sans-serif;
  text-transform: none;
}

.body.home .three-col h1{
  margin-top:12px
}
.left-col-home{
  float:left;
  width:640px;
}
h1 a {
  color:#000000;
  text-decoration:underline;
}
h1 a:hover {
  color:#DF7F06;
  text-decoration:underline;
}
h2 {
  color:#000000;
  font-size:14px;
  font-weight:normal;
  line-height:140%;
}
h2 a {
  color:#000000;
  text-decoration:underline;
}
h2 a:hover {
  color:#DF7F06;
  text-decoration:underline;
}
h4{
  margin-top:3px;
  font-family:Arial;
  color:#d1cbc5;
  text-transform:uppercase;
  font-size:16px;
  font-family:Arial;
}
h5{
  color:#000000;
  margin-top:0;
  font-family:arial,helvetica;
  font-size:16px;
  margin-bottom:24px;
}
h3 {
  color:#867f74;
  font-size:12px;
  font-weight:normal;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
h6{
  font-size:12px;
  margin-bottom:0px;
}
.date {
  color:#867f74;
  font-size:10px;
  font-weight:normal;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
ul.vertical-menu{
  overflow:hidden
}
ul.vertical-menu{
  padding:0;
  list-style:none;
}
ul.vertical-menu ul,
ul.vertical-menu ul ul,
ul.vertical-menu ul ul ul{
  list-style:none;
}
/*ul.vertical-menu li ul{
  margin-left:10px;
}*/
ul.vertical-menu li{
  /*float:left;
  clear:left;*/
  _width:100%;
  overflow:hidden;
}

ul.horizontal-menu{
  padding:0;
  margin:0;
  list-style:none;
}
ul.horizontal-menu li{
  float:left;
}
ul.horizontal-menu li a{
  display:block;
}
div.three-col{
  margin-right:20px;
  float:left;
  width:300px;
  display:inline
}
div.mini-col{
  float:left;
  width:140px;
  margin-right:20px;
  display:inline
}
div.mini-col.no-margin,
div.three-col.no-margin{
  margin-right:0px;
}
.two-col-container div.three-col,
.col-right-subpage div.three-col{
  margin-bottom:20px;
}
div.main,
div.footer div.footer-content{
  width:940px;
  margin:0px auto;
  text-align:left;
}
div.main div.content{
  width:100%;
  overflow:hidden;
  padding-top:20px
}
div.full-page{
  width:100%;
  margin:20px 0px;
  float:left
}

ul.orange-link li{
  margin-top:3px
}
  color:#000000;
  font-weight:bold
}
a.black-title:hover{
  text-decoration:underline
}
.orange-link a:hover{
  color:#df7f06
}
div.outer{
  width:100%;
  overflow:hidden;
  text-align:center
}
div.outer div.inner{
  width:940px;
  margin:0px auto;
  text-align:left;
  overflow:hidden
}
.double-line-separator{
  background:transparent url(images/double-line-bottom.gif) left bottom repeat-x;
  padding-bottom:35px;
  margin-bottom:15px;
  overflow:hidden;
  _float:left;
}
div.bluebox{
  background-color:#f3f7ff;
  border:solid 1px #dbe4f0;
  overflow:hidden;
  padding:20px;
  margin-bottom:20px;
}
div.graybox{
  background-color:#fafaf9;
  border:solid 1px #e5e5e5;
  overflow:hidden;
  padding:20px;
  margin-bottom:20px;
}
div.graybox p,
div.bluebox p{
  color:#666666
}
div.bluebox div.innerbox,
div.graybox div.innerbox{
  overflow:hidden
}
div.graybox.margin-bottom,
div.bluebox.margin-bottom{
  margin-bottom:20px
}
div.yellowbox{
  background-color:#fffcec;
  border:solid 1px #eee7bd;
  overflow:hidden;
  padding:20px;
  margin-bottom:20px;
}
div.yellowbox h3,
div.graybox h3{
  margin-top:0px;
}
div.graybox.no-margin,
div.bluebox.no-margin,
div.yellowbox {
margin-bottom:0;
}
div.ie-form{
  overflow:hidden;
  _height:23px;
}
.submit-form select,
.submit-form form,
.submit-form input{
  float:left;
}
.submit-form input{
  display:inline
}
.submit-form input.magnifier{
  _margin-left:-3px
}
.submit-form .text-submit{
  border:solid 1px #dddddd;
  border-top:solid 1px #7c7c7c;
  border-right:solid 1px #c3c3c3;
  height:18px;
  _height:22px;
  padding-left:5px;
  padding-top:1px;
  _padding-top:3px;
}
/*
  dans ie6 si le .submit-form n'est pas wrappé dans un container float, ca va pas ben...
*/
.submit-container{
  float:left;
  overflow:hidden
}
.submit-form{
  position:relative;
  margin:0px;
  padding:0px;
  float:left;
  display:inline;
  overflow:hidden;
  display:inline;
  text-align:left
}
.submit-form label{
  position:absolute;
  top:4px;
  left:6px;
  cursor:text;
}
.submit-form label.hide{
  display:none
}
div.title-cont h3{
  margin-top:0;
}
div.top-title-col{
  overflow:hidden;
  width:100%;
}
div.top-title-col a.link-title-cont{
  float:left;
}
div.top-title-col div.title-cont{
  float:left;
}
.top-menu .emptyContainerList{
  width:auto;
  float:left
}
div.emptyContainerList{
  overflow:hidden
}
.tab .jatoolbarGrid,
.tab .jatoolbarSelected{
  float:left
}
div.home-picture-content{
  margin-top:2px;
}
div.pagination{
  overflow:hidden;
  padding-top:6px
}
/* ---------------------------------- global(end)-------------------------------------*/
/* ---------------------------------- top site (start)--------------------------------*/
div.outer div.top{
  overflow:hidden;
  height:105px;
  position:relative;
}
div.outer div.top .logo{
  float:left;
  margin-top:32px;
}
.top .top-menu{
  width:645px;
  position:absolute;
  bottom:0px;
  right:0px;
  height:36px;
  _margin-bottom:-1px;
  overflow:hidden
}
.top .search-map{
  float:right;
  clear:right;
  background:url(images/world-map.gif) left 16px no-repeat;
  padding:20px 0px 10px 0px;
  width:349px

}
.top .search-map form,
.top .search-map select{
  float:right;
  display:inline;
}
.top .search-map form{
  margin-left:7px;
}
ul.top-menu li a{
  color:#818282;
  text-decoration:none;
}
ul.top-menu li a:hover{
  color:#000000;
}
ul.top-menu li.selected a:hover{
  text-decoration:none;
}
ul.top-menu li.selected a{
  font-weight:bold;
  background:#ffffff url(images/menu-pix-round-corner.gif) left top no-repeat;
  color:#000000;
}
ul.top-menu li a span{
  display:block;
  padding:13px 17px 6px 20px;
  text-transform: uppercase;
  font-size:12px;
  font-family:Arial,helvetica
}
ul.top-menu li a span.no-lat-pad{
  padding-left:0;
  padding-right:0;
}
ul.top-menu li.selected a span{
  background:url(images/menu-pix-round-corner.gif) right top no-repeat;
}
ul.top-menu li.selected div.back{
  background:0;
  padding-left:14px;
}
ul.top-menu li div.back{
  padding-left:14px;
  background:url(images/top-menu-separator.jpg) 7px top no-repeat;
}
ul.top-menu li.after-selected div.back{
  background:url(images/top-menu-gradient-sep.jpg) left bottom no-repeat;
}
ul.top-menu li.after-selected span{
  padding-left:13px;
}
ul.top-menu li.first div{
  background:0;
}
/* ---------------------------------- top site (end)--------------------------------*/
/* ---------------------------------- footer (start)--------------------------------*/

div.outer.bottom{
  background:#ffffff url(images/footer-gradient-background.jpg) left top repeat-x;
}
div.footer{
  padding-top:22px
}
div.footer div.top-cont{
  width:100%;
  overflow:hidden;
  padding-bottom:20px
}
div.footer div.logo{
  background: transparent url(images/logo-mini.gif) left top no-repeat;
  height:50px;
}
div.copyright span{
  color:#999999;
}
div.footer a.key{
  margin-left:10px;
  position:relative;
  top:5px
}
div.term-privacy-intra{
  height:40px
}
span.middot{
  color:#666666
}
/* ---------------------------------- footer (end)--------------------------------*/
/* ---------------------------------- screenshot box (start)--------------------------------*/
div.screenshot{
  float:left;
  clear:left;
  margin-bottom:20px
}
div.screenshot div.img-cont{
  float:left;
  overflow:hidden;
  margin-right:20px;
  position:relative;
}
div.screenshot div.img-cont a{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  background:url(images/btn-zoom-off.png) center center no-repeat;
}
div.screenshot div.img-cont a:hover{
  background-image:url(images/btn-zoom-over.png)
}
div.magnifier-lnk{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;

}
div.screenshot div.text-cont{
  float:left;
  width:214px
}
div.screenshot div.text-cont h4{
  margin-top:0px;
  margin-bottom:10px
}
/* ---------------------------------- screenshot box (end)--------------------------------*/
/* ---------------------------------- flashVideo box (start)--------------------------------*/
div.screenshot.flashVideo{
  float:left;
  clear:left;
  width:220px;
  margin-right:20px
}
div.screenshot.flashVideo.last{
  margin-right:0px;
  clear:none;
}
div.screenshot.flashVideo div.img-cont a{
  background:url(images/btn-play-off.png) center center no-repeat;
}
div.screenshot.flashVideo div.img-cont a:hover{
  background-image:url(images/btn-play-over.png)
}
div.screenshot.flashVideo .flash{
  display:none
}
/* ---------------------------------- flashVideo box (end)--------------------------------*/
/* ---------------------------------- home (start)--------------------------------*/
.banner-cont{
  width:100%;
  overflow:hidden;
  height:262px;
  background:left top no-repeat;
}
.banner-links-cont{
  width:300px;
  _width:289px;
  float:right;
  overflow:hidden
}
.inner-banner{
  width:915px;
  float:right;
}
.banner-text{
  overflow:hidden;
  float:left;
  padding:20px 16px 20px 30px;
  width:593px;
}
.banner-links{
  margin-top:30px;
}
.banner-links li.selected a{
  color:#ffab27;
  background-position:right 2px;
}
.banner-links li a{
  color:#fff;
  /*padding-right:17px;
  background:url(images/links-banner-arrow.gif) right -29px no-repeat;*/
  text-decoration:none
}
.banner-links li{
  background:#4c5e68 url(images/banner-item-background.gif) 100% 100% no-repeat;
  padding:10px 0px 8px 11px;
}
.banner-links li.last{
  background-image:url();
}
.banner-links li.selected{
  background-color:#3d5057;
}
.home{
  background:url(images/body-background.jpg) left top repeat-x;
}

div.columns-container{
  overflow:hidden;
  margin-bottom:15px;
  padding-bottom:35px;
  float:left;
}
.home div.columns-container{
  padding-top:20px;
}
.home div.columns-container div.three-col h3{
  margin-top:0
}
div.three-col-container,
div.four-col-container,
div.two-col-container{
  float:left;
  display:inline;
  overflow:hidden;
}
div.four-col-container{
  margin-right:20px;
  width:620px;
}
div.three-col-container{
  width:940px;
}
div.rss-cont{
  float:right;
  height:17px;
  padding-left:25px;
  background:transparent url(images/rss-ico.gif) left 0px no-repeat;
  _background-position:left top;
  display:inline;
  line-height:10px;
}
div.rss-cont img{
  margin-right:8px
}
div.rss-cont a.suscribe{
  margin-right:15px
}
.bottom-text{
  clear:left;
  float:left;
  overflow:hidden;
  width:100%/*sans ça ie7 va tout tasser le contenu vers la gauche*/
}
/* ---------------------------------- home (end)--------------------------------*/
/* ---------------------------------- news (start)--------------------------------*/
div.twit-cont{
  float:left;
  height:17px;
  padding-left:25px;
  background:transparent url(images/twit.png) left -1px no-repeat;
  _background-position:left top;
  display:inline;
  margin-left:20px
}
div.sites-links-cont{
  overflow:hidden;
  margin-top:35px
}
div.sites-links-cont div.rss-cont{
  float:left
}
div.news-cont{
  margin:17px 0px 0px 0px;
  border-bottom:solid 1px #e5e5e5;
  padding-bottom:17px
}
div.news-cont.no-border{
  border:0;
}
div.news-cont div.img-cont{
  float:right;
  margin:0px 0px 0px 10px;
}
div.return-news-cont{
  margin-top:40px
}
/* ---------------------------------- news (end)--------------------------------*/
/* ---------------------------------- subpages (start)--------------------------------*/
div.menu-left-cont{
  float:left;
  width:220px;
  margin-right:20px;
  overflow:hidden
}
div.menu-left-cont h4{
  margin-bottom:33px
}
div.menu-left-cont img.title{
  margin-bottom:30px
}
div.col-center-subpage{
  width:460px;
  margin-right:20px;
  overflow:hidden;
  float:left
}
div.col-center-subpage .home-picture-content{
  margin:0px 0px 10px 0px;
}
div.col-right-subpage{
  width:200px;
  overflow:hidden;
  padding-top:55px;
  float:left
}
div.col-right-subpage div.three-col{
  width:200px
}
.subhome div.middle div.inner{
  padding-top:35px;
  padding-bottom:40px
}
.subpage-item{
  overflow:hidden;
  margin-bottom:20px
}
ul.menu-left,
ul.menu-left ul{
  border-bottom:solid 1px #e5e5e5;
  width:200px;
  clear:left
}
ul.menu-left ul ul,
ul.menu-left ul ul ul,
ul.menu-left ul ul ul ul{
  border-bottom:0;
}
ul.menu-left ul{
  padding:0px;
  margin:0;
}
ul.menu-left ul{
  padding-left:0px
}
ul.menu-left li{
  border-top:solid 1px #e5e5e5;
  padding:5px 0px 0px 0px;
  overflow:hidden
}
ul.menu-left li.last{
  border:0;
}
ul.menu-left li li a, ul.menu-left li.selected ul li a, ul.menu-left li ul li.selected ul li a {
  color:#333333;
  font-size:11px;
  margin-left:25px;
  font-weight:normal;
}
ul.menu-left li a{
  color:#333333;
  text-decoration:none;
  padding-bottom:5px;
  float:left;
  clear:left;
  margin-left:10px;
  font-size:12px
}
ul.menu-left li li a{
  /*margin-left:40px;*/
  font-size:11px;
  color:#333333;
}
ul.menu-left li ul li ul li a,
ul.menu-left li ul li.selected ul li a{
  margin-left:40px;
  font-size:11px;
  color:#666666;
}
ul.menu-left li.selected{
  background-color:#546d79;
  background-image:url("images/sub-menu-bg.gif");
  background-position:left top;
  background-repeat:repeat-x;
}
ul.menu-left li.selected a{
  color:#ffffff;
  font-weight:bold
}
ul.menu-left li.selected li{
  background-color:#FFFFFF;
}
ul.menu-left li a:hover{
  text-decoration:underline
}
div.assistance{
  background:transparent url(images/light-bulb.gif) left 2px no-repeat;
  padding:3px 0px 3px 25px
}

table.features th{
  padding:0px 10px;
  background:url(images/table-head-th-gradient.png) left top repeat-x;
  border:solid 0px #e5e5e5;
  border-width:0px 1px 1px 0px;
}
table.features th h3{
  margin:7px 0px;
}
table.features{
  border:solid 0px #e5e5e5;
  border-width:1px 0px 0px 1px;
  background-color:#fafaf9;
  width:460px;
}
table.features tr.background td{
  background-color:#f6f5f3;
  vertical-align: middle;
  text-align: left;
}
table.features tr td.check{
  text-align:center;
}
table.features tr td.check img{
  margin:0px auto;
}
table.features tr td{
  border:solid 0px #e5e5e5;
  border-width:0px 1px 1px 0px;
  padding:10px;
}
ul.tab{
  border-bottom:solid 1px #546D79;
  overflow:hidden;
  height:100%
}
ul.tab li{
  padding:6px 10px;
  margin-top:1px;
  border:solid 0px #e5e5e5;
  border-width:1px 1px 0px 1px;
  margin-right:1px;
}
ul.tab li a{
  color:#000000;
  font-size:11px;
  text-decoration:none;
}
ul.tab li.selected{
  background-color:#546D79;
  border:solid 0px #546D79;
  border-width:1px 1px 0px 1px;
  margin-top:0px;
}
ul.tab li.selected a{
  color:#ffffff;
  padding-bottom:1px
}
ul.tab li a:hover{
  text-decoration:underline
}
/* ---------------------------------- subpages (end)--------------------------------*/
/* ---------------------------------- searchResults (start)--------------------------------*/
div.col-center-subpage.search{
  width:480px;
  margin:0px auto;
  overflow:hidden;
  float:none
}
.search h4{
  color:#000000;
  Text-transform:none;
}
div.search .pages{
  margin:40px 0px 0px 0px
}
div.search .pages strong{
  color:#000000
}
div.search .result-cont{
  padding:25px 0px 20px 0px;
  border-bottom:solid 1px #e5e5e5
}
.result-cont h3{
  margin-bottom:10px
}
h2.search-title{
  margin-top:0;
  margin-bottom:30px;
}
h2.search-title a{
  color:#DF7F06
}
p.search{
  margin-top:0;
}
/* ---------------------------------- searchResults (end)--------------------------------*/
