/*  ----------------------------------------------------------------------------
    * Filename:         style.css
    * Description:      Default theme
    * Version:          1.0 (2010-10-14)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Layouts
----------------------------------------------------------------------------- */

/*  home (B1)
----------------------------------------------------------------------------- */
.home                   { background-color:#ffffff; }

.home #wrap-container   { margin-top: 0px; }
.home #container        { width: 732px;}

.home #header           { width: 732px;  }
.home #header-inner     { }

.home #content          { width: 732px; padding-bottom: 20px; }
.home #content-inner    { text-align: left; color: #636363 }

.home #main             { width:500px; float: left; padding: 10px 0px 0px 0px; }
.home #main-inner       { }

.home #wrap-footer      { margin-bottom: 0px; padding-bottom: 0px; }
.home #footer           { width: 732px; border-top:2px solid #636363; }
.home #footer-inner     { padding: 10px 0px; }

a:link,
a:visited               { color: #0668b2; text-decoration: underline; }
a:hover,
a:active                { color: #000000; }

#twitterSide
{
width:210px;
float: right;
text-align: left;
padding:20px 0px  10px 0px;
min-height: 300px;

}

#twitterSide  h2
{
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding-bottom: 5px;
}

.twitterPhoto
{
  float: left;
  margin-right: 5px;
}

.twitterBox
{
  clear: left;
  margin-bottom: 20px;
}


/*  ----------------------------------------------------------------------------
    2. Header elements
----------------------------------------------------------------------------- */

.header-top { overflow: hidden; width: 732px; position: relative;}
.header-top .logo { float: left; padding:0px 270px 0px 280px;}


.languages_cont { float: right; font-size: 11px;  }
.languages_cont li { float: left; cursor: pointer; padding-left: 10px; }



.header-menu { width: 732px;  padding: 10px 0px  5px 0px; float: left;  clear: left; position: relative; border-bottom: 1px solid #949494; z-index: 7; }


.header-menu li
{
  text-align: center;
  float: left;
  position: relative;
  z-index:6;
}


.header-menu a { color: #6f6f6f;  padding: 0px 20px 0px 0px; height: 25px;    display: inline;   font: bold 11px/18px  Georgia, Arial;
 text-decoration: none;
}

.header-menu li.active a,
.header-menu a:hover {
color: #0668b2;
  text-decoration: none;
}


.header-menu li#lius8,
.header-menu li#lius15,
.header-menu li#lius22
{
  position: absolute;
  right: 0px;
  top: 10px;
}


#lius8 a,
#lius15 a,
#lius22 a,
#lius8 a:hover,
#lius15 a:hover,
#lius22 a:hover

{
  background-image: url(../images/layout/email.png);
  background-repeat: no-repeat;
  background-position: 10px 4px;
  width:17px;
  height:18px;
  font-size: 0px;
  float: right;
  padding: 0px 0px 0px 10px;
  }

 .header-menu li ul.sous
{
   width:140px;
  position: absolute;
  top:25px;
  left: 0px;
}


.header-menu li li
{
  height:20px;
  float: left;
}


.header-menu li li a
 {
  background: none;
   width: 132px;
   padding-left: 10px;
  float: left;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
  line-height: 18px;
  height: 20px;
  text-transform: none;
  color: #525050;
  text-decoration: none;
/*  background-image: url(../images/layout/menuTopSous.png);
  background-repeat: repeat;
  background-position: top left;*/
    background-color: #ffffff;

  }

.header-menu li li a:hover
 {
  background: none;
 width: 132px;
   padding-left: 10px;
  float: left;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
  line-height: 18px;
  height: 20px;
  text-transform: none;
  /*color: #0668b2;*/
  color: #ffffff;
  text-decoration: none;
  background-color: #DC0725;
       }

.header-menu li li.active a,
.header-menu li li.active a:hover
 {
  background: none;
 width: 132px;
   padding-left: 10px;
  float: left;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
  line-height: 18px;
  height: 20px;
  text-transform: none;
  /*color: #0668b2;*/
  color: #ffffff;
  text-decoration: none;
  background-color: #DC0725;
  cursor: default;
       }


.bannersRight { width: 302px; height: 302px; margin-left: 20px; background-color: #ffffff; margin-top:5px; border: 1px solid #C1BCBC;  float: right;  overflow: hidden; position: relative; }
.bannersRight .banner { position: absolute; z-index: 20; }
.bannersRight .banner-title { background: url(../images/layout/banner-title-bg.png) no-repeat 0 0; width: 500px; height: 43px; padding-left: 20px; line-height: 43px; position: absolute; z-index: 40; top: 142px; left: 0; font-size: 28px; color: #737373; }

 #diaporama
 {
   width: 730px;
      height: 177px;
   border-bottom: 1px solid #949494;
   position: relative;
   float: left;

 }

 #diaporama  .prisma
 {

   right: 0px;
   top: 0px;
   float: right;
   z-index: 5;
   position: absolute;


 }

 #diaporama .text
 {
    float: left;
    width: 420px;
    color: #858587;
    font-size: 14px;
    padding: 12px 0px 0px 0px;
    height: 150px;
    line-height: 22px;
    overflow: hidden;   z-index: 1;
  }

  #diaporama .images2 {
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 177px;
    margin:0px;
    width:485px;
}


/*  ----------------------------------------------------------------------------
    3. Content elements
----------------------------------------------------------------------------- */

#main h1                { margin:0px 0 5px 0; font-size: 16px; font-weight: bold; text-align: left;  color: #0668b2;}
h2,
h3                { font-weight: bold; }

.index .two-cols  { margin-top: 15px; }
.two-cols        { overflow: hidden; width: 732px; margin-bottom: 10px; }
.two-cols .col-1 { width: 464px; float: left; }
.two-cols .col-2 { width: 463px; padding-left: 15px; border-left: 1px solid #bcbcbc; float: right; }

.two-cols .full-width-image { border: 1px solid #c2c2c2; padding: 1px; float: left; position: relative; overflow: hidden; margin-bottom: 10px; }
.two-cols .full-width-image-banner { background: url(../images/layout/full-width-image-banner-bg.png) repeat-x 0 0; line-height: 28px; width: 450px; height: 28px; font-size: 14px; font-weight: bold; color: #000000; padding-left: 15px; position: absolute; z-index: 10; top: 65px; left: 0; }

.two-cols p { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d7d7d7; }
.two-cols p.last { border-bottom: 0; }
.index .two-cols p { padding-bottom: 10px; margin-bottom: 0; border-bottom: 0; }

.grey-box { background: #ececec; padding: 10px 15px; color: #444444; margin-bottom: 10px; }
.grey-box p { padding: 0; }

.table-contact td { padding-bottom: 10px; }
.table-contact th { padding-bottom: 10px; font-weight: bold; font-size: 14px; }

.bordered-grey-box { font-size: 16px; line-height: 32px; text-align: center; background: #ececec; border: 1px solid #dfdfdf; }

.maps-names-table {  }
.maps-names-table .maps { text-align: center; }
.maps-names-table .maps td { padding-bottom: 15px; }
.maps-names-table .names { text-align: center; }
.maps-names-table .names td { border-right: 1px solid #c5c5c5; line-height: 8px; }
.maps-names-table .names td.last { border-right: 0; }
.maps-names-table .names span { background: url(../images/layout/name-icon.jpg) no-repeat 0 0; padding-left: 32px; }

.site-name { /*color: #c82f32;*/ }

/*  ----------------------------------------------------------------------------
    4. Footer elements
----------------------------------------------------------------------------- */

#footer a               { color: #000000; }
#footer a:hover,
#footer li.active  a    { color: #d30e13; text-decoration: none; }
#footer                 { color: #777777; font-size: 11px; }
#footer .box1           { float: left; }
#footer .box2           {  float: left; text-align: center; width: 732px;  padding: 8px 0px 8px 0px; clear: left;}

.menu                   { width: 732px; text-align: center; }
.menu li                {color: #454545; display: inline; line-height: 20px; }
.menu li span           { padding: 0 5px 0 10px; color: #454545; }


/*  ----------------------------------------------------------------------------
    5. Generic elements
----------------------------------------------------------------------------- */

/*  Breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs            { background: #DDDDDD; padding: 10px; margin: 0 0 10px 0; font-weight: bold; }

/*  Lists
----------------------------------------------------------------------------- */
.list                   { float: left; }
.list li                { background: url(../images/layout/name-icon.jpg) no-repeat 0 5px; padding-left: 32px; font-weight: bold; }

/*  Loaders
----------------------------------------------------------------------------- */
.loading-full           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }
.loading-elem           { cursor: wait; background: #FFFFFF url(../images/loading.gif) no-repeat center center; }

/*  Paginations
----------------------------------------------------------------------------- */
.pagination             { clear: both; float: left; display: table; width: 100%; font-size: 11px; line-height: 17px; text-align: center; }
.pagination a:link,
.pagination a:visited,
.pagination span        { display: inline-block; overflow: hidden; margin: 0 5px 0 0; padding: 1px 7px; border-width: 1px; border-style: solid; text-decoration: none;
                          background: #FFFFFF; color: #c82f32; border-color: #c82f32; }
.pagination a:hover     { background: #FFFFFF; color: #19B765; border-color: #19B765; }
.pagination .active     { background: #FFFFFF; color: #19B765; border-color: #19B765; }
.pagination .disabled   { background: #FFFFFF; color: #c82f32; border-color: #c82f32; }

/*  Separators
----------------------------------------------------------------------------- */
.s1                     { height: 1px; margin: 10px 0; background-color: #e3e3e3; }

/*  Thumbnails
----------------------------------------------------------------------------- */
.thumb                  { display: inline-block; border: 1px solid #FFFFFF; background: #1E3853; }
a.thumb:hover           { border: 1px solid #FFFFFF; background: #FFFFFF; }

/*  Typography
----------------------------------------------------------------------------- */
.highlight              { color: #CC0000; }
.star                   { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

/*  ----------------------------------------------------------------------------
    6. Modules
----------------------------------------------------------------------------- */

	/*  ----------------------------------------------------------------------------
	Modules > MDM
----------------------------------------------------------------------------- */

#news                           { width: 221px; height: 129px; border: 1px solid #d2d2d2; margin-top: 4px; }
#news h2                        { background: url(../images/layout/news-info.jpg) no-repeat 0 center; color: #777777; font-size: 17px; padding-left: 20px; line-height: 20px; margin-bottom: 10px; }
#news-inner                     { padding: 10px 15px; }
#news .news                     { color: #555555; line-height: 17px; font-size: 11px; }
#news .news-inner				        { }
#news .news-title               { font-weight: bold; }
#news .news-title a             { color: #555; text-decoration: none; }
#news .news-date                { }
#news .news-photo               { float: left; margin: 0 10px 0 0; border: 1px solid #c4c4c4; }
#news .news-photo img           { width: 75px; }
#news .news-text                { text-align: left; }
#news .news-btn                 { display: none; margin-top: 15px; background: url(../images/layout/more-details-bg.jpg) repeat-x 0 0; font-size: 11px; line-height: 16px; color: #000000; padding: 0 5px; border: 1px solid #dddddd; float: right; }
#news .news-btn:hover           { text-decoration: none; color: #d30e13; }

/*  ----------------------------------------------------------------------------
	Module > Actualites
----------------------------------------------------------------------------- */

#news-list                      { }
#news-list .news                { margin: 0 0 10px 0; }
#news-list .news-title          { margin: 0 0 7px 0; font-weight: bold; }
#news-list .news-date           { }
#news-list .news-photo          { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCCCCC; }
#news-list  .news-photo img           { width:120px; }
#news-list .news-text           { text-align: justify; }
#news-list .news-url            { }

/*  ----------------------------------------------------------------------------
    Modules > Content management
----------------------------------------------------------------------------- */

.content-management                         { }
.content-management .paragraph              { margin: 0 0 10px 0; }
.content-management .product.last           {  }
.content-management .paragraph p            { padding-bottom: 10px; }
.content-management .paragraph-title        { margin: 0 0 2px 0; }

.content-management .paragraph-title h2        { margin: 15px 0 0px 0; line-height: 18px;}

.content-management .paragraph-text         { }
.content-management .paragraph-images       { }

.paragraph.images .paragraph-images         { }
.paragraph.images-left .paragraph-images    { float: left; margin: 0 10px 0 0; border: 0px solid #c2c2c2; padding: 1px; }
.paragraph.images-right .paragraph-images   { float: right; margin: 0 0 0 10px; border: 0px solid #c2c2c2; padding: 1px; }

  .pdfBox
  {
       border: 1px solid #D6D6D6 !important;
    float: left;
    margin: 0px 5px 10px 5px;
       text-align: center;
    width:144px;
    font-size: 11px;
    padding: 5px;
    height: 140px;
    line-height: 14px;
    overflow: hidden;


  }
     .pdfBox img
     {
       width:100px;
     }


.images5  {
    border: 1px solid #D6D6D6 !important;
    float: left;
    margin: 0px 5px 10px 5px;
    height: 155px;
    }

.paragraphPdf
{
  border-top: 1px solid #D6D6D6 !important;
  margin-top: 10px;
  padding-top: 10px;
}


.paragraph-images a { text-decoration: none; }




.bull1
{
   background-image: url(../images/layout/puceLeft.jpg);
   background-repeat: no-repeat;
   background-position: 10px 10px;
    clear: left;
   text-indent: 17px;
   color: #454545;
   padding: 3px 0px 3px 10px;

}

.projectBox
{
  clear: left;
  margin-bottom: 20px;
   float: left;
   width: 100%;
}

.projectBox h2
{
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding-bottom: 5px;
}
 .projectBox .images3
 {
  background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D6D6D6;
    float: left;
    height: 100px;
    margin: 3px 10px 0px 0px;
    width: 130px;
 }

  .projectBox .images4
 {
  background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D6D6D6;
    float: left;
    height:100px;
    margin: 0px 7px 10px 7px;
    width: 150px;
 }