@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'HelveticaLTStdRegular';
    src: url('helveticaltstd-roman_0-webfont.eot');
    src: url('helveticaltstd-roman_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaltstd-roman_0-webfont.woff') format('woff'),
         url('helveticaltstd-roman_0-webfont.ttf') format('truetype'),
         url('helveticaltstd-roman_0-webfont.svg#HelveticaLTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  background:#214a79 url(../images/body1.jpg) no-repeat center top;
  margin:0;
  padding:0;
  font-family: 'HelveticaLTStdRegular';
  font-size:12px;
  
}

img { border:0;}

div#global {
  background:url(../images/bg_contenu.jpg) repeat-x 0 279px;
  width:100%;
  height:1180px;
  
}

div#content {
  margin:0 auto;
  width:1001px;
}

/****************** Background du site top */
div#header a{
  background:url("../images/bg_header.jpg") no-repeat scroll center transparent;
  width:1000px;
  height:278px;
  display:block;
}

/********************** Div contenu la div centrer */
div#contenu {
  /*background:url(../images/bg_contenu.jpg) repeat-x;*/
  float:left;
  width:1000px;
  height:auto;
  padding-left:114px;
}

/******************  Div Sousheader contient le menu + animation ajax */
div#sousheader {
  /*background:url(../images/bg_sousheader.jpg) repeat-x;*/
  float:left;
  width:780px;
  height:210px;
}

div#menu {
  background:url(../images/bg_menu.png) no-repeat;
  float:left;
  width:778px;
  height:36px;
  text-transform:uppercase !important;
}

div#animation {
  background:url(../images/bg_act.png) no-repeat;
  float:left;
  width:778px;
  height:168px;
  margin-top:6px;
}

div#slide {
  float:left;
  width:765px;
  height:168px;
}

.nspArtScroll1 {
  /*margin-top:20px;  */
  background-color:#D4D2D2;
  /*margin-left:5px;*/
  /*padding-left:5px;*/
}

/********** BG Accueil */
a.current {
  background-image:url(../images/bg_current_accueil.png);  
  /*background-color:#204774 !important;*/
  color:#FFF;
}

/*************** Sous menu*/
.ux-menu-sub {
  background-color:#255082;  
}
.ux-menu-sub li a{
  color:#FFF !important;  
}
.ux-menu-sub li a:hover, .ux-menu-sub li a:focus, .ux-menu-sub a.ux-menu-link-hover{
  background-color:#FFF !important;
  background-image:none !important;
  color:#204774 !important;  
}
a.ux-menu-link-last:hover {
  background-image:url(../images/bg_contact_hover.png);
  color:#FFF !important;
}

/******************** Fin Div Sousheader */


/************************ Div Main qui contient les différents div */

div#main {
  /*background:url(../images/bg_main.jpg) repeat-x;*/
  float:left;  
  width:778px;
  height:574px;
}

/*********************** Div Main left le Panneau left */

div#main_left {
  float:left;
  width:260px;
  height:auto;
  min-height:560px;
  margin-top:5px;
}

div#panneau_investir a{
  background:url(../images/investir.png) no-repeat;
  float:left;
  width:258px;
  height:130px;
  display:block;
}

div#panneau_newsletter {
  float:left;
  background:url(../images/newsletter.png) no-repeat;
  width:258px;
  height:122px;
  margin-top:2px;
}

div#newsletter  {
  float:left;
  width:258px;
  height:80px;
  padding-top:40px;
}

.abonnez {
  text-transform:uppercase;
  color:#2B588D;
  text-align:center;
  margin:0;
  font-weight:bold;
  font-size:12px;
}

/****************** Style Formaulaire Newsletter **/
.inputbox {
  background:url(../images/txt_newsletter.png) no-repeat;
  width:159px;
  font-size:11px;
  height:28px;
    border:none;
    color: #8c8c8c;
  cursor:text;
  line-height:15px;
  text-align:center;  
  padding-left:9px;
}

.subbutton {
  background:url(../images/btn_newsletter.png) no-repeat;
  width:104px;
  height:16px;
  cursor:pointer;
  border:0;
  text-indent:-300em;
  margin-top:-10px;
}

div#panneau_green a{
  float:left;
  background:url(../images/green_chip.png) no-repeat;
  width:258px;
  height:127px;
  margin-top:2px;
  display:block;
}

div#panneau_media {
  float:left;
  background:url(../images/mediatheque.png) no-repeat;
  width:258px;
  height:154px;
  margin-top:8px;
  font-family:'HelveticaLT';
  text-transform:uppercase;
  color:#2b588d;
  font-size:12px;
  padding-top:50px;
}

div#panneau_media p{
  margin:0;
  padding:0;
}

div#panneau_media  a {
  text-decoration:none;
  color:#2b588d;
}
.photos a{
  float:left;
  background:url(../images/photo.png) no-repeat;
  width:45px;
  height:69px;
  display:block;
  margin-left: 28px;
  text-indent:-300em;
}

.videos a{
  float:left;
  background: url("../images/video.png") no-repeat;
    height: 71px;
    width: 43px;
  margin-left:26px;
  text-indent:-300em;
}

.documents a{
  float:left;
  background: url("../images/document.png") no-repeat;
    height: 72px;
    width: 70px;
  display:block;
  margin-left:20px;
  text-indent:-300em;
}
/******************* Fin Div Main left */ 


/******************** Div Main right Panneau à droite */

div#main_right {
  float:left;
  margin-left:13px;
  margin-top:7px;
  width:505px;
  height:auto;
}

div#mot_accueil {
    background-color: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 20px 20px -20px #000000, 0 4px 10px 3px #BEBEBE inset;
    float: left;
    height: 408px;
    width: 505px;
}

div#texte_accueil {
  color: #2B588D;
    float: left;
    font-size: 12px;
    height: 365px;
    padding: 7px 7px 7px 9px;
    text-align: justify;
    width: 480px;
}

h1.accueil {
  border-bottom: 1px solid #346CB0;
    box-shadow: 0 5px 4px -6px #333333;
    color: #4D6F99;
    font-size: 16px;
    margin-top: 1px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

div#partenaire {
  float:left;
  background:url(../images/partenaires.png) no-repeat;
  width:507px;
  height:152px;
  margin-top:8px;
  
}

div.slide_partenaire {
  float: left;
    padding-left: 15px;
    padding-top: 70px;
    width: 481px;
}

.wk-slideset-default > div:hover
.next{right:-15px;background-position:0 0}.wk-slideset-default > div:hover
.prev{left:-15px;background-position:0 -50px}

/******************** Fin Div Main right */
/******************* Fin Div Main  */ 



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

div#footer {
  float:left;
  width:778px;
  height:116px;
  padding-left:5px;
}

div.footer_left {
  float:left;
  width:370px;
  height:40px;
  margin-top:40px;
  color:#FFF;
}

.footer_left p{
  margin:0;
  padding:0;
}

.footer_left ul {
  margin:0;
  padding:0;
}

.footer_left li {
  float:left;
  list-style:none;
  padding-right:15px;
}

.footer_left a{
  color:#FFF;
  text-decoration:none;
}

.footer_left a:hover {
  text-decoration:underline;
}

.droits { 
  text-transform:uppercase; 
  margin-top:30px !important;
}

div.footer_center {
  float:left;
  background:url(../images/passez.png) no-repeat;
  width:52px;
  height:29px;
  margin-top:50px;
  margin-left:40px;
  padding-left:133px;
}

div.footer_center p{
  margin:0;
  padding:0;
}

.footer_center ul {
  margin-left:0;
  margin-top:-10px;
  padding:0;
}

.footer_center li {
  float:left;
  list-style:none;
  padding-right:8px;
}

.facebook {
  background:url(../images/facebook.jpg) no-repeat;
  width:19px;
  height:19px;
  display:block;
}

.twitter {
  background:url(../images/twitter.jpg) no-repeat;
  width:17px;
  height:19px;
  display:block;
}

div.footer_right  a{
  float:right;
  background:url(../images/logo.png) no-repeat;  
  width:100px;
  height:100px;
  margin-top:10px;
  padding-right:5px;
}